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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery attr()设置和获取属性值实例教程，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1437字，纯文字阅读大概需要3分钟。

内容图文

语法：

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()设置和获取属性值实例教程全部内容，希望文章能够帮你解决jquery attr()设置和获取属性值实例教程所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/349440.html

来源：【匿名】