關於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()都可以使用回調函數的返回值來動態的改變多個元素的內容。