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

關於jquery中html()、text()、val()的區別

innertext 函數 () ron 表單元素 tro ext 回調函數 多個

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

關於jquery中html()、text()、val()的區別