1. 程式人生 > >[轉載]jQuery中的html,val,text區別

[轉載]jQuery中的html,val,text區別

在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()   來獲取和設定元素的各種屬性