AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

jquery attr()设置和获取属性值实例教程

51自学网 http://www.wanshiok.com
jquery获取attr属性值,attr获取属性值,jquery,attr获取属性值

语法:

1、attr(“属性名”); //获取属性的值(取得第一个匹配元素的属性。通过这个方法可以方便的从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回undefined)

2、attr(“属性名”,“属性值”); //设置属性的值(为所有匹配的元素设置一个属性值)

3、attr(“属性名”,“函数值”); //设置属性的函数值(为所有匹配的元素设置一个计算的属性值。不提供值,而是提供一个函数,由这个函数家孙的值作为属性值)

4、attr(properties); //给指定元素设置多个属性值,即:{属性名1:“属性值1”,属性值2:”属性值2”}(这是一种在所有匹配元素中批量设置很多属性的最佳方式。注意,如果你要设置的对象的class属性,你必须使用className作为属性名,或者你可以直接使用 class 或者 id )

注意:所有的标点符号都是英文符号,在给指定元素设置多个属性值的时候,注意双引号“”的使用!

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>设置和获取属性值</title>  <style>  </style>  <script src="js/jquery-3.1.0.min.js"></script>  <script>    $(function(){      var n=0;      $("#btn1").on("click",function(){        alert($("img").attr("src"))//获取      });      $("#btn2").on("click",function(){        //设置        if(n==0){          $("img").attr("src","images/02.jpg")          n=1        }else if (n==1){          $("img").attr("src","images/03.jpg")          n=2        }else if (n==2){          $("img").attr("src","images/04.jpg")          n=3        }else if (n==3){          $("img").attr("src","images/05.jpg")          n=0        }      })    })  </script></head><body><button type="button" id="btn1"> 获取属性值 </button><button type="button" id="btn2"> 设置属性值 </button><br><br><img src="images/01.jpg"></body></html>


jquery获取attr属性值,attr获取属性值,jquery,attr获取属性值  
上一篇:jQuery css() 方法动态修改CSS属性  下一篇:关于js原型的面试题讲解