本文實例講述了jQuery的text()方法用法。分享給大家供大家參考。具體分析如下:
此方法傳回或設定符合元素的文字內容。
如欲了解更多相關內容可參考參考手冊text()方法。
特別說明:
HTML內容就是內容中可以包含HTML標籤,並且能夠被瀏覽器渲染。
文字內容是先將內容中的HTML預設字元轉換成html字元實體,這樣HTML標籤就不會被渲染。
text()方的使用:
用法一:
此方法不帶參數時候,功能是取得所有匹配元素的文本內容,並且結果是由所有匹配元素包含的文本內容組合起來的文本。
此方法與html()方法沒有參數用法類似,但還是有很大差別:
1.html()方法取得第一個符合元素的內容,而text()方法是取得所有符合元素所包含的內容。
2.html()方法取得內容html內容,而text()方法取得是文字內容。
實例程式碼如下:
以上程式碼可以彈出取得div中的所有文字內容。
用法二:
有參數的時候是設定所有符合元素的文字內容。
此方法與html()方法帶有參數的用法類似,但還是有很大的差異:
text()方法設定的是符合元素的文字內容,且會將HTML中的預留字元(如大於號(>))轉換成html字元實體,以便於正確顯示,而html()方法是設定匹配元素的html內容。
實例碼:
實例碼三:
透過這個實例大家可以觀察一下HTML內容和文字內容的差別。
希望本文對大家介紹的 jQuery 程式設計有所幫助。