.html() .text() 和.val()的差異總結

.html() .text() 和 .val() 的差異總結:

.html()
.text()
.val()

三種方法都是用來讀取選定元素的內容。
只不過,html()是用來讀取元素的html內容(包括html標簽),.text()用來讀取元素的純文本內容,包括其后代元素,.val()是用來讀取表單元素的"value"值。其中.html()和.text()方法不能使用在表單元素上,而.val()只能使用在表單元素上;另外.html()方法使用在多個元素上時,只讀取第一個元素;.val()方法和.html()相同,如果其應用在多個元素上時,只能讀取第一個表單元素的"value"值,但是.text()和他們不一樣,如果.text()應用在多個元素上時,將會讀取所有選中元素的文本內容。

.html(htmlString),.text(textString)和.val(value)三種方法都是用來替換選中元素的內容,如果三個方法同時運用在多個元素上時,那么將會替換所有選中元素的內容。

.html(),.text(),.val()都可以使用回調函數的返回值來動態的改變多個元素的內容。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 一、樣式篇 第1章 初識jQuery (1)環境搭建 進入官方網站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,445評論 0 44
  • jQuery基礎(一)——樣式篇 1-2環境搭建 1-3 jQuery HelloWorld體驗 $(docume...
    croyance0601閱讀 1,104評論 0 8
  • 第一章 jQuery簡介 1-1 jQuery簡介 1.簡介 2.優勢 3.特性與工具方法 1-2 環境搭建 進入...
    mo默22閱讀 1,608評論 0 11
  • jQuery的屬性與樣式之.attr()與.removeAttr() 每個元素都有一個或者多個特性,這些特性的用途...
    阿r阿r閱讀 667評論 0 6
  • 雨下著,嘀嗒嘀嗒。演繹著不知名的哀傷。曾經的喜怒哀樂,甜言蜜語,依舊縈繞在耳邊,可是心真的累了。 冷戰那么久了,誰...
    青樓瀟湘閱讀 247評論 0 0