1. 程式人生 > >jquery中html、text、val的區別

jquery中html、text、val的區別

1.html()用為讀取和修改元素的HTML標籤

2.text()用來讀取或修改元素的純文字內容

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

這三個方法功能上的對比

1.html(),.text(),.val()三種方法都是用來讀取選定元素的內容;只不過.html()是用來讀取元素的HTML內容(包括其Html標籤),.text()用來讀取元素的純文字內容,包括其後代元素,.val()是用來讀取表單元素的”value”值。其中.和.text()方法不能使用在表單元素上,而.val()只能使用在表單元素上;另外.html()方法使用在多個元素上時,只讀取第一個元素;.val()方法和.html()相同,如果其應用在多個元素上時,只能讀取第一個表單元素的”value”值,但是.text()和他們不一樣,如果.text()應用在多個元素上時,將會讀取所有選中元素的文字內容。
2.html(htmlString),.text(textString)和.val(value)三種方法都是用來替換選中元素的內容,如果三個方法同時運用在多個元素上時,那麼將會替換所有選中元素的內容。

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