av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

jQuery學(xué)習(xí)大總結(jié)(三)jQuery操作元素屬性

上次總結(jié)了下，jQuery包裝集，今天主要總結(jié)一下jQuery操作元素屬性的一些知識(shí)。

先看一個(gè)例子

 
 
 
    
  
  
  
  1. http://www.jquery001.com
    2.

現(xiàn)在要得到a標(biāo)簽的屬性id。有如下方法：

 
 
 
    
  
  
  
  1. jQuery("#easy").click(function() {
    2. 
  
  
  
  2.     alert(document.getElementById("easy").id); //1
    3. 
  
  
  
  3.     alert(this.id); //2
    4. 
  
  
  
  4.     alert(jQuery(this).attr("id"));  //3
    5. 
  
  
  
  5. });
    6.

方法1使用的是javascript原始方法；方法2用到了this，this就相當(dāng)于一個(gè)指針，返回的是一個(gè)dom對象，本例中返回a標(biāo)簽對象。所以 this.id可直接得到id。方法3將dom對象轉(zhuǎn)換成了jQuery對象，再利用jQuery封裝的方法attr()得到a標(biāo)簽的ID。

可見，有時(shí)候用javascript配合jQuery會(huì)很方便。下邊著重總結(jié)一下jQuery操作元素屬性。

  • attr(name)             取得元素的屬性值
  • attr(properties)    設(shè)置元素屬性，以名/值形式設(shè)置
  • attr(key,value)       為元素設(shè)置屬性值
  • removeAttr(name) 移除元素的屬性值

下邊以實(shí)例說明每種方法的具體用法。

 
 
 
    
  
  
  
    2. 
  
  
  
  2.     jQuery學(xué)習(xí)
    3. 
  
  
  
  3.     谷歌
    4. 
  
  
  
  4.     
    5. 
  
  
  

 
 
 
    
  
  
  
  1. jQuery("#test a").click(function() {
    2. 
  
  
  
  2.     //得到ID
    3. 
  
  
  
  3.     jQuery(this).attr("id"); //同this.id
    4. 
  
  
  
  4. 
  
  
  
  5.     //為img標(biāo)簽設(shè)置src為指定圖片;title為谷歌.
    6. 
  
  
  
  6.     var v = { src: "http://www.google.com.hk/intl/zh-CN/images/logo_cn.png", title: "谷歌" };
    7. 
  
  
  
  7.     jQuery("#show").attr(v);
    8. 
  
  
  
  8. 
  
  
  
  9.     //將img的title設(shè)置為google，同上邊的區(qū)別是每次只能設(shè)定一個(gè)屬性
    10. 
  
  
  
  10.     jQuery("#show").attr("title", "google");
    11. 
  
  
  
  11. 
  
  
  
  12.     //移除img的title屬性
    13. 
  
  
  
  13.     jQuery("#show").removeAttr("title");
    14. 
  
  
  
  14. });
    15.

大家可能已經(jīng)發(fā)現(xiàn)了，在jQuery中attr()方法，既可以獲得元素的屬性值，又能設(shè)置元素的屬性值。是的，在jQuery中，類似的方法還有很多，現(xiàn)在將它們總結(jié)下來，以后用起來也會(huì)比較容易。

方法有：

  • html()  獲取或設(shè)置元素節(jié)點(diǎn)的html內(nèi)容
  • text()  獲取或設(shè)置元素節(jié)點(diǎn)的文本內(nèi)容
  • height()  獲取或設(shè)置元素高度
  •  width()  獲取或設(shè)置元素寬度
  •  val()  獲取或設(shè)置輸入框的值

以html()為例，其余的相似：

 
 
 
    
  
  
  
  1. google

 
 
 
    
  
  
  
  1. //獲得html，結(jié)果為google
    2. 
  
  
  
  2. jQuery("#showhtml").html();
    3. 
  
  
  
  3. //設(shè)置html，結(jié)果為I love google
    4. 
  
  
  
  4. jQuery("#showhtml").html("I love google");
    5.

以上這些就是jQuery操作元素屬性的一些基本方法了，經(jīng)過本次的總結(jié)，相信大家在使用jQuery時(shí)，會(huì)更加的熟練。


分享名稱：jQuery學(xué)習(xí)大總結(jié)(三)jQuery操作元素屬性
URL地址：http://uogjgqi.cn/article/coejjid.html
掃二維碼與項(xiàng)目經(jīng)理溝通

我們在微信上24小時(shí)期待你的聲音

解答本文疑問/技術(shù)咨詢/運(yùn)營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流