jquery中html()、text()、val()三者之間的區別簡析

這篇文章帶給大家的內容是關於jquery中html()、text()、val()三者之間的區別簡析，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

.html()用讀取和修改元素的HTML標籤    對應js中的innerHTML

 .html()是用來讀取元素的HTML內容（包括其Html標籤）,.html()方法使用在多個元素上時，只讀取第一個元素

.text()用來讀取或修改元素的純文字內容  對應js中的innerText

  text()用來讀取元素的純文字內容，包括其子代元素;.text()方法不能使用在表單元素上

.val()用來讀取或修改表單元素的value值

    .val()是用來讀取表單元素的"value"值,.val( )只能使用在表單元素上

關於三者的區別

   1. .val()方法和.html()相同，如果其應用在多個元素上時，只能讀取第一個表單元素的"value"值，但是.text()和他們不一樣，如果.text()應用在多個元素上時，將會讀取所有選取元素的文字內容。

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

相關文章推薦：

HTML中font屬性的總結

#js教學 - 陣列循環刪除錯誤實作與解決方案

以上是jquery中html()、text()、val()三者之間的區別簡析的詳細內容。更多資訊請關注PHP中文網其他相關文章！