[轉載]jQuery中的html,val,text區別
阿新 • • 發佈:2018-12-28
在jquery中
text()
返回目標元素所包含的所有文字內容,注意不包含html標籤
alert($("#shuru").text());
- 1
html()
返回目標元素所包含的所有內容,其中也包含html標籤在內
alert($("#shuru").html());
- 1
val()
返回輸入欄位的值
alert($("#shuru").val());
- 1
attr(“屬性名”)
返回目標元素某屬性的值
alert($("#shuru").attr("type"));
- 1
jQuery中的html,val,text區別
text():獲取或者改變指定元素的文字 html():獲取或改變指定元素的html元素以及文字 val():獲取或者改變指定元素的value值(一般是表單元素) 以上3個都是jquery類庫中的語法 第二個問題,基本沒有什麼區別,作用都是獲得當前物件的value值(一般是表單元素) 只是,this.value是js的原生語法,$(this).val()是jquery的語法 使用this.value無需引入任何庫檔案,而$(this).val()則需要引入jquery庫檔案
.html()用為讀取和修改元素的HTML標籤 對應js中的innerHTML .html()是用來讀取元素的HTML內容(包括其Html標籤),.html()方法使用在多個元素上時,只讀取第一個元素 .text()用來讀取或修改元素的純文字內容 對應js中的innerText text()用來讀取元素的純文字內容,包括其後代元素;.text()方法不能使用在表單元素上 .val()用來讀取或修改表單元素的value值 .val()是用來讀取表單元素的"value"值,.val()只能使用在表單元素上
jquery中val,text,html,attr的區別 1.html()類似於javascript眾的InnerHtml屬性,可以用來讀取或者設定某個元素中的HTML內容 例如: Java程式碼 1.<p><strong>Hello world</strong></p> 2. 3.alert($('p').html()); 返回:Java程式碼 1.<strong>Hello world</strong> 2.text() 類似於javascript眾的InnerText屬性,可以用來讀取或者設定某個元素的文字內容 例如: Java程式碼 1.<p><strong>Hello world</strong></p> 2. 3.alert($('p').text()); 返回: java程式碼 1.Hello world 3.val() 類似於javascript中的value屬性,可以用來設定或者獲取元素的值,無論元 素是文字框,下拉列表還是單選框,如果元素時多選,則返回一個包含所有選擇的值的陣列。 4.attr() 來獲取和設定元素的各種屬性