jq的 prop和attr区别

    <div class="add">jq的 prop和attr</div>
    <input type="checkbox" checked = "checked" id="disa">
    <input type="checkbox" id="toTrue">
    <script>
        //attr()
        // console.log($(".add").attr("class"));//获取class属性值 add
        // $(".add").attr("attribute","addAttr")//设置属性attribute  值为 addAttr
        // console.log($(".add").attr("attribute"));//addAttr

        //当设置selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 或 defaultSelected必须使用这个方法。从jQuery1.6开始，这些属性可以不再使用.attr()方法来设置。他们没有相应的属性（attributes），只有属性(property)。
        console.log($(".add").prop("class"));//add
        console.log($(".add").attr("attribute"));//undefined
        $(".add").prop("propS","propShezhi")//设置不了 也获取不了
        $("#disa").prop({
            disabled:true
        })
        $("#toTrue").prop({
            checked:'checked'
        })

        /**
         * 1. prop` 用于设置和获取 自身就具备dom属性
         * 2. `attr` 用于设置和获取 自定义属性
         *   
        */
    </script>