前端学习日记：jquery的属性绑定attr-prop获取attr-删除removeAttr操作

待我称王封你为后i 2023-06-06 12:05 3阅读 0赞

jqbtn.click(function () \{  
               //绑定到jquery的衣服上，标签上没有  
               jqinp.title = 111;  
               console.log(jqinp.title);//111：标签上不显示

//绑定到标签上  
               jqinp.attr("title",111);  
               console.log(jqinp.attr("title"));//111：标签上也能看见

jqinp.attr("aaa",111);  
                console.log(jqinp.attr("aaa"));//111：标签上也能看见

// //两个参数是给属性赋值，单个参数是获取属性值。  
                jqinp.attr("class","aaa");  
                console.log(jqinp.attr("class"));//aaa

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

//form中的特殊属性，用prop（Property）  
                //其他情况下用attr（Attribute）  
                // jqinp2.prop("className","aaa");  
                jqinp2.attr("class","aaa");  
                jqinp2.prop("checked",false);  
                // jqinp2.attr("checked",true);//一次性的  
                // jqinp2.attr("checked",false);//一次性的

// 在遇到要获取或设置checked,selected,readonly和disabled等属性时，用prop方法显然更好.  
                // 1 属性的定义，根据W3C手册所述：属性包括，标准属性：id class style title 语言属性 lang dir以及某些特定的元素的固有的属性，比如 a 的 href target 属性，input元素的 radio checked type alt src disabled value 等 ，img标签的width height src alt 等，不存在的属性叫做新增属性。   
                // 2 attr( ) 可以设置元素的属性（也就是给元素新增加一个原来并不存在的属性）也可以获取元素的本来就有的属性以及额外设置的属性。如果要获取的属性没有设置，那么获取到的结果是 undefined;   
                // 3 prop( )可以设置元素的属性（HTML固有的属性，可以给元素添加属性）也可以获取元素的固有的属性值，如果是额外设置的其他属性，则无法通过prop（ ）获取。

\});  
        \})  
    </script>

</body>