你這樣看到的是jQuery的對象元素,要轉(zhuǎn)換為Dom元素才能看到元素內(nèi)容,比如 $("p")[0] 可看到第一個p元素的內(nèi)容,$("p")[1] 可看到第二個p元素的內(nèi)容,依此類推
10年積累的成都網(wǎng)站建設(shè)、成都做網(wǎng)站經(jīng)驗(yàn),可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你,你也不認(rèn)識我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程,更有噶爾免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
jquery提供了三個獲得內(nèi)容的方法有 text()、html() 以及 val(),其中前兩個可用于解決本問題:
$("label#userid").text(); // 首選。
獲取label的文本$("label#userid").html(); // 也可以實(shí)現(xiàn)。
獲取label標(biāo)簽內(nèi)的所有html標(biāo)記,一般情況改下labe。
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計(jì)模式,優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計(jì)和Ajax交互。
jQuery的核心特性可以總結(jié)為:具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口,具有高效靈活的css選擇器,并且可對CSS選擇器進(jìn)行擴(kuò)展,擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
三種基本的選擇器類型
語法如下:
◆元素選擇器,如:p{},即直接使用HTML標(biāo)簽作為選擇器。
◆類選擇器,如.polaris{}。
◆ID選擇器,如#polaris{}。
不過選擇器可以單獨(dú)使用,也可以與其他選擇器結(jié)合使用。
p.important
是元素選擇器和類選擇器結(jié)合而成的,
選擇器現(xiàn)在會匹配
class
屬性包含
important
的所有
p
元素,但是其他任何類型的元素都不匹配,不論是否有此
class
屬性。選擇器
p.important
解釋為:“其
class
屬性值為
important
的所有段落”。
對,使用css()可以實(shí)現(xiàn),寫兩個參數(shù)是設(shè)置,寫一個參數(shù)是獲取。
但是獲取的樣式不一定全等于設(shè)置的,比如顏色,設(shè)置是“red”,獲取是rgb(255, 0, 0)
html()方法可以用來讀取或者設(shè)置某個元素中的HTML內(nèi)容,text()方法可以用來讀取或者沒置某個元素中的文本內(nèi)容
html()方法
此方法類似于JavaScript中的innerHTML屬性,可以用來讀取或者設(shè)置某個元素中的HTML內(nèi)容。要獲取某個元素的內(nèi)容,可以這樣:
var
p_html
=
$("p").html();
//獲取p元素的HTML代碼
如果需要設(shè)置某元素的HTML代碼,那么也可以使用該方法,不過需要為它傳遞一個參數(shù)。例如要設(shè)置p元素的HTML代碼,可以使用如下代碼:
//設(shè)置p元素的HTML代碼
$("p").html("歡迎您訪問簡明現(xiàn)代魔法圖書館~~");
注意:html()方法可以用于XHTML文檔,但不能用于XML文檔。
text()方法
此方法類似于JavaScript中的innerText屬性,可以用來讀取或者沒置某個元素中的文本內(nèi)容。繼續(xù)使用以上的HTML代碼,用text()方法對p元素進(jìn)行操作:
var
p_text
=
$("p").text();
//獲取p元素的文本內(nèi)容
與html()方法一樣,如果需要為某元素設(shè)置文本內(nèi)容,那么也需要傳遞一個參數(shù)。例如對p元素設(shè)置文本內(nèi)容,代碼如下:
//
設(shè)置p元素的文本內(nèi)容
$("p").text("歡迎您訪問簡明現(xiàn)代魔法圖書館~~");
要注意下面兩點(diǎn):
JavaScript中的innerText屬性并不能在Firefox瀏覽器下運(yùn)行,而jQuery的text()方法支持所有的瀏覽器.
text()方法對HTML文檔和XML文檔都有效。
顯示好友列表時(shí),在顯示好友名字的p/p元素中設(shè)置:p
id="p${friend.friendId}"/p,這樣js文件就可以動態(tài)獲取p/p元素的id,并順利通過text()方法賦值$("#p"+userId).text(name);