16-jQuery的attr方法

最新推荐文章于 2020-03-14 14:24:58 发布

杨亚仑

最新推荐文章于 2020-03-14 14:24:58 发布

阅读量109

点赞数

分类专栏： jQuery入门练习

本文链接：https://blog.csdn.net/yangyalun/article/details/82954400

版权

jQuery入门练习专栏收录该内容

60 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>16-jQuery的attr方法</title>
    <script src="JS_file/jquery-1.12.4.js"></script>
    <script>
         $(function () {
                 /*
                 * 1.attr(name|pro|key,val|fn)
                    作用：获取或者设置属性节点的值
                    可以传递一个参数，也可以传递两个参数
                    如果传递一个参数，代表获取属性节点的值
                    如果传递两个参数，代表设置属性节点的值

                    注意点：
                    如果是获取：无论找到多少个元素，都只会返回第一个元素指定的属性节点的值
                    如果是设置：找到多少个元素就会设置多少个元素
                    如果是设置：如果设置的属性节点不存在，那么系统会自动新增
                 * 2. removeAttr(name)
                   删除属性节点
                   注意点：
                   会删除所有找到元素指定的属性节点
                 * */
             console.log($("span").attr("class"));
             $("span").attr("class","box");
             $("span").attr("abc","123");   //新增节点，并设置其值为"123"
             $("span").removeAttr("class");//删除class属性节点
             $("span").removeAttr("class name")//删除class和name的属性节点
         })
    </script>
</head>
<body>
<span class="span1" name="it666"></span>
<span class="span2" name="Inj"></span>
</body>
</html>

杨亚仑

关注

0
点赞
踩
0

收藏

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

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;16-jQuery的attr方法&lt;/title&gt; &lt;script src="JS_file/jquery-1.12
复制链接

扫一扫

专栏目录