1. 程式人生 > >Jquery中html()、text()、val()的使用和區別

Jquery中html()、text()、val()的使用和區別

center () .text div 使用 avi innerhtml mar font

jquery中獲取對象內容的方法主要有3種,分別是html()、text()、val()。

obj.html():獲取對象包裹的所有html內容,相當於innerHTML。

obj.text():獲取對象中所有的文本內容,不包含html標簽。一般用於div、p、span等沒有value屬性的元素,相當於innerText。

obj.val():獲取對象的value的值。獲取的是選擇對象的第一個元素的value值。當然該屬性並不局限於只有value的元素,對於表單元素都適合。

例如:

技術分享圖片

$("#source").html()的結果為:你好<textarea id="text">you,too</textarea>

$("#source").text()的結果為:你好 you,too

$("#source").val()的結果為:""

可以看出val()只獲取對象的value值,而div本身並沒有value屬性,故其值為空。text()獲取的只是純文本。

Jquery中html()、text()、val()的使用和區別