首頁 > web前端 > js教程 > jQuery的text()方法用法分析_jquery

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

WBOY
發布: 2016-05-16 16:25:12
原創
1407 人瀏覽過

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

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

特別說明:

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

text()方的使用:

用法一:

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

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

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

實例程式碼如下:

複製程式碼 程式碼如下:






text()函數-腳本之家







     
  • html專區

  •  
  • DIV CSS專區

  •  
  • jquery專區






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

用法二:

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

實例碼:

複製程式碼 程式碼如下:






text()函數-腳本之家





原來的內容




實例碼三:

複製程式碼 程式碼如下:






text()函數-腳本之家



身體>

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板