日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
jQuery學(xué)習(xí)大總結(jié)(三)jQuery操作元素屬性

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

先看一個例子

 
 
 
    
  
  
  
  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)于一個指針，返回的是一個dom對象，本例中返回a標(biāo)簽對象。所以 this.id可直接得到id。方法3將dom對象轉(zhuǎn)換成了jQuery對象，再利用jQuery封裝的方法attr()得到a標(biāo)簽的ID。

可見，有時(shí)候用javascript配合jQuery會很方便。下邊著重總結(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è)定一個屬性
    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é)下來，以后用起來也會比較容易。

方法有：

  • 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í)，會更加的熟練。


分享文章：jQuery學(xué)習(xí)大總結(jié)(三)jQuery操作元素屬性
文章來源：http://www.5511xx.com/article/coejjid.html