- 相關(guān)推薦
JQuery中Text方法用法實(shí)例分析
本文實(shí)例講述了jQuery的text()方法用法。分享給大家供大家參考。具體分析如下:
此方法返回或者設置匹配元素的文本內容。
如需了解更多相關(guān)內容可參閱參考手冊text()方法。
特別說(shuō)明:
HTML內容就是內容中可以包含HTML標簽,并且能夠被瀏覽器渲染。
文本內容是先將內容中的HTML預定義字符轉換成html字符實(shí)體,這樣HTML標簽就不會(huì )被渲染。
text()方的使用:
用法一:
此方法不帶參數時(shí)候,功能是取得所有匹配元素的文本內容,并且結果是由所有匹配元素包含的文本內容組合起來(lái)的文本。
此方法與html()方法沒(méi)有參數用法類(lèi)似,但是還是有很大區別:
1.html()方法取得第一個(gè)匹配元素的內容,而text()方法是取得所有匹配元素包含的內容。
2.html()方法取得內容html內容,而text()方法取得是文本內容。
div{
height:150px;
width:150px;
background-color:green;
margin-top:10px;
}
html專(zhuān)區
DIV+CSS專(zhuān)區
jquery專(zhuān)區
以上代碼可以彈出取得div中的所有文本內容。
用法二:
帶有參數的時(shí)候是設置所有匹配元素的文本內容。
此方法與html()方法帶有參數的用法類(lèi)似,但是還是有很大的區別:
text()方法設置的是匹配元素的文本內容,且會(huì )將HTML中的預留字符(如大于號(>))轉換成html字符實(shí)體,以便于正確顯示,而html()方法是設置匹配元素的html內容。
實(shí)例代碼:
復制代碼 代碼如下:
div{
height:150px;
width:150px;
background-color:green;
margin-top:10px;
}
實(shí)例代碼三:
復制代碼 代碼如下:
div{
height:150px;
width:150px;
background-color:green;
margin-top:10px;
}
通過(guò)此實(shí)例大家可以觀(guān)察一下HTML內容和文本內容的區別。
希望本文所述對大家的jQuery程序設計有所幫助。
【JQuery中Text方法用法實(shí)例分析】相關(guān)文章:
jQuery中prev()方法用法07-16
jQuery 源碼分析和Ready函數06-28
jQuery中parent()和siblings()的問(wèn)題10-16
PHP對象注入的實(shí)例分析08-27
德國留學(xué)申請實(shí)例分析09-28
關(guān)于jQuery實(shí)現高亮顯示的方法介紹08-20