17-jQuery的prop方法

最新推荐文章于 2023-12-28 09:51:45 发布

杨亚仑

最新推荐文章于 2023-12-28 09:51:45 发布

阅读量428

点赞数

分类专栏： jQuery入门练习

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

版权

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

60 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>17-jQuery的prop方法</title>
    <script src="JS_file/jquery-1.12.4.js"></script>
    <script>
         $(function () {
                  /*
                  * 1.prop方法
                    特点和attr方法一样
                  * 2.removeProp方法
                    特点和removeAttr方法一样
                  * */
                  // $("span").eq(0).prop("demo","it666");
                  // $("span").eq(1).prop("demo","Inj");
                  // console.log($("span").prop("demo"));;
                  // $("span").removeProp("demo");
                  /*
                  * 注意点：
                    prop方法不仅能操作属性，他还能操作属性节点
                  * */
                    // console.log($("span").prop("class"));
                    // console.log($("span").prop("class", "box"));
             //官方推荐在操作属性节点的时候，具有true和false两个属性的属性节点，如checked，selected或者disabled
             //使用prop()，其他使用attr()
             console.log($("input").prop("checked")); //如果checked标签是checked状态，则显示true，否则是false
             console.log($("input").attr("checked"));//如果checked标签是checked状态，则显示checked，否则是undefined
         })
    </script>
</head>
<body>
<span class="span1" name="it666"></span>
<span class="span2" name="Inj"></span>
<input type="checkbox" checked>
</body>
</html>

杨亚仑

关注

0
点赞
踩
1

收藏

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

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

扫一扫

专栏目录