JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實(shí)現(xiàn)代碼_jquery
來(lái)源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 21:24:49
JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實(shí)現(xiàn)代碼_jquery
JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實(shí)現(xiàn)代碼_jquery:先來(lái)看看演示效果: 歡迎訪問(wèn)腳本之家PHP教程 腳本之家PHP教程 簡(jiǎn)單易懂的JavaScript魔法 簡(jiǎn)單易懂的JQuery魔法 $(function(){ $(#btn_1).click(function(){ alert( $(.nm_p).html() ); }); $(#btn_2)
導(dǎo)讀JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實(shí)現(xiàn)代碼_jquery:先來(lái)看看演示效果: 歡迎訪問(wèn)腳本之家PHP教程 腳本之家PHP教程 簡(jiǎn)單易懂的JavaScript魔法 簡(jiǎn)單易懂的JQuery魔法 $(function(){ $(#btn_1).click(function(){ alert( $(.nm_p).html() ); }); $(#btn_2)

先來(lái)看看演示效果:
歡迎訪問(wèn)腳本之家PHP教程
腳本之家PHP教程
簡(jiǎn)單易懂的JavaScript魔法
簡(jiǎn)單易懂的JQuery魔法
如果需要設(shè)置某元素的HTML代碼,那么也可以使用該方法,不過(guò)需要為它傳遞一個(gè)參數(shù)。例如要設(shè)置p元素的HTML代碼,可以使用如下代碼:
//設(shè)置p元素的HTML代碼
$("p").html("歡迎您訪問(wèn)腳本之家~~");
注意:html()方法可以用于XHTML文檔,但不能用于XML文檔。
text()方法
此方法類似于JavaScript中的innerText屬性,可以用來(lái)讀取或者沒(méi)置某個(gè)元素中的文本內(nèi)容。繼續(xù)使用以上的HTML代碼,用text()方法對(duì)p元素進(jìn)行操作:
var p_text = $("p").text(); //獲取p元素的文本內(nèi)容
與html()方法一樣,如果需要為某元素設(shè)置文本內(nèi)容,那么也需要傳遞一個(gè)參數(shù)。例如對(duì)p元素設(shè)置文本內(nèi)容,代碼如下:
// 設(shè)置p元素的文本內(nèi)容
$("p").text("歡迎您訪問(wèn)腳本之家教程~~");
要注意下面兩點(diǎn):
1.JavaScript中的innerText屬性并不能在Firefox瀏覽器下運(yùn)行,而jQuery的text()方法支持所有的瀏覽器.
2.text()方法對(duì)HTML文檔和XML文檔都有效。
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實(shí)現(xiàn)代碼_jquery
JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實(shí)現(xiàn)代碼_jquery:先來(lái)看看演示效果: 歡迎訪問(wèn)腳本之家PHP教程 腳本之家PHP教程 簡(jiǎn)單易懂的JavaScript魔法 簡(jiǎn)單易懂的JQuery魔法 $(function(){ $(#btn_1).click(function(){ alert( $(.nm_p).html() ); }); $(#btn_2)