1. 程式人生 > >jquery屬性操作 新增屬性

jquery屬性操作 新增屬性

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-1.11.1.js"></script>
    <script>
        $(function () {
            //獲取元素,繫結屬性
            var jqinp = $("input").eq(0);
            var jqinp2 = $("input:checkbox");
            var jqbtn = $("button");

            jqbtn.click(function () {
                //繫結到jquery的衣服上,標籤上沒有
//                jqinp.title = 111;
//                console.log(jqinp.title);

                //繫結到標籤上
//                jqinp.attr("title",111);
//                console.log(jqinp.attr("title"));

                jqinp.attr("aaa",111);
                console.log(jqinp.attr("aaa"));

                //兩個引數是給屬性賦值,單個引數是獲取屬性值。
                jqinp.attr("class","aaa");
                console.log(jqinp.attr("class"));

                jqinp.removeAttr("class");
                console.log(jqinp.attr("class"));

                //form中的特殊屬性,用prop
                jqinp2.prop("checked",true);
//                jqinp2.attr("checked",true);//一次性的

            });
        })
    </script>
</head>
<body>
    <button>繫結</button>
    <input type="text"/>
    <input type="checkbox"/>
</body>
</html>