jQuery的attr方法

最新推荐文章于 2021-03-04 21:41:21 发布

Michael II

最新推荐文章于 2021-03-04 21:41:21 发布

阅读量616

点赞数

分类专栏： jQuery学习文章标签： jQuery的attr方法 jQuery基础

本文链接：https://blog.csdn.net/YYxiaobao0726/article/details/88126644

版权

jQuery学习专栏收录该内容

16 篇文章 1 订阅

订阅专栏

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>

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

Michael II

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery的attr方法

jQuery的attr方法有两种，这里讲解的都是基础的。就直接上代码吧，语法和注意事项都做好了注释。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width
复制链接

扫一扫

专栏目录