17-jQuery的prop方法 (具有 true 和 false 两个属性的属性节点，如 checked, selected 或者 disabled 使用prop())

最新推荐文章于 2023-06-15 15:11:12 发布

旧爱学长

最新推荐文章于 2023-06-15 15:11:12 发布

阅读量854

点赞数

分类专栏： jQuery基础

本文链接：https://blog.csdn.net/weixin_43324273/article/details/105418881

版权

jQuery基础专栏收录该内容

46 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>17-jQuery的prop方法</title>
    <script src="js/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", "lnj");
            console.log($("span").prop("demo"));

            $("span").removeProp("demo");
            */

            /*
            注意点:
            prop方法不仅能够操作属性, 他还能操作属性节点

            官方推荐在操作属性节点时,具有 true 和 false 两个属性的属性节点，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()
            */
            // console.log($("span").prop("class"));
            // $("span").prop("class", "box");

            console.log($("input").prop("checked")); // true / false
            console.log($("input").attr("checked")); // checked / undefined

        });
    </script>
</head>
<body>
<span class="span1" name="it666"></span>
<span class="span2" name="lnj"></span>

<input type="checkbox">
</body>
</html>

旧爱学长

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
17-jQuery的prop方法 (具有 true 和 false 两个属性的属性节点，如 checked, selected 或者 disabled 使用prop())

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>17-jQuery的prop方法</title> <script src="js/jquery-1.12.4.js"></script> ...
复制链接

扫一扫