jQuery的text()方法用法分析_jquery

本文實例講述了jQuery的text()方法用法。分享給大家供大家參考。具體分析如下：

此方法傳回或設定符合元素的文字內容。
如欲了解更多相關內容可參考參考手冊text()方法。

特別說明:

HTML內容就是內容中可以包含HTML標籤，並且能夠被瀏覽器渲染。
文字內容是先將內容中的HTML預設字元轉換成html字元實體，這樣HTML標籤就不會被渲染。

text()方的使用:

用法一:

此方法不帶參數時候，功能是取得所有匹配元素的文本內容，並且結果是由所有匹配元素包含的文本內容組合起來的文本。

此方法與html()方法沒有參數用法類似，但還是有很大差別：

1.html()方法取得第一個符合元素的內容，而text()方法是取得所有符合元素所包含的內容。
2.html()方法取得內容html內容，而text()方法取得是文字內容。

實例程式碼如下:

複製程式碼 程式碼如下:

 
• html專區

 
• DIV CSS專區

 
• jquery專區

點選查看效果

以上程式碼可以彈出取得div中的所有文字內容。

用法二:

有參數的時候是設定所有符合元素的文字內容。
此方法與html()方法帶有參數的用法類似，但還是有很大的差異：
text()方法設定的是符合元素的文字內容，且會將HTML中的預留字元（如大於號（>））轉換成html字元實體，以便於正確顯示，而html()方法是設定匹配元素的html內容。

實例碼:

複製程式碼 程式碼如下:

原來的內容

點選查看效果

實例碼三:

複製程式碼 程式碼如下:

點選查看效果
身體>

透過這個實例大家可以觀察一下HTML內容和文字內容的差別。

希望本文對大家介紹的 jQuery 程式設計有所幫助。