jQuery的attr方法

jQuery的attr方法有两种,这里讲解的都是基础的。就直接上代码吧,语法和注意事项都做好了注释。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery的attr方法</title>
    <script src="js/jquery.js"></script>
   	<script>

   		$(function(){
        /*
            1.attr(name|pro|key.val|fn)
        作用:获取或者设置属性节点的值
        可以传递一个参数,也可以传递两个参数
        如果传递一个参数,代表获取属性节点的值
        如果传递两个参数,代表设置属性节点的值

        注意点:
        如果是获取:无论找到多少个元素,都只会返回第一个元素指定的属性节点的值
        如果是设置:找到多少个元素就会设置多少个元素
        如果是设置:如果设置的属性节点不存在,那么系统会自动新增
            
            2.removeAttr(name)
        删除属性节点
        
        注意点:
        会删除所有找到元素指定的属性节点

        */
            // console.log($("span").attr("class"));
            // console.log($("span").attr("class","box"));
            // $("span").attr("abc","123")

            $("span").removeAttr("class name");
        });

   	</script>
</head>
<body>
    <span class="span1" name="IT123"></span>
    <span class="span2" name="IT456"></span>
</body>
</html>

可在控制台中查看各行代码的运行效果,若有任何疑问或是不解,请在下方评论,我们互相探讨,谢谢。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值