jquery屬性操作 新增屬性
阿新 • • 發佈:2019-02-15
<!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>