attr和prop区别 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <input id="chk1" type="checkbox" />是否可见
        <input id="chk2" type="checkbox" checked="checked" />是否可见
        <script src="jquery-3.2.0.min.js"></script>
        <script type="text/javascript">
            $("#chk1").prop("checked") == false
            $("#chk2").prop("checked") == true
            //attr和prop的区别：
            //对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
            //对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
            $("#chk1").attr("checked") == undefined
            $("#chk2").attr("checked") == "checked"
        </script>
    </body>
</html>

 

posted @ 2017-09-06 18:05  鱼樱前端  阅读(212)  评论(0)  编辑  收藏  举报