在前一段时间,同事做了一个页面,效果是这样的
$("输入[name='复选框']”).attr(“检查”,真的);
然并卵,一点效果都没有,后来换成这样,好了
$(函数(){
$ (“#”).click(函数(){
如果($ (“#”).prop(“检查”)){
$("输入[name='复选框']”).prop(“检查”,真正的);
其他}{
$("输入[name='复选框']”).prop(“检查”,假);
}
}）；
});
于是上官方的文档查了下attr和道具的区别,发现根本看不懂,如下图
于是,我们做了个实验
c1: & lt;输入id=" c " name=案囱】颉崩嘈?案囱】颉?凹觳椤奔觳?祝辞& lt;/br>
c2: & lt;输入id=" c2 " name=案囱】颉崩嘈?案囱】颉奔觳?true/祝辞& lt;/br>
c3: & lt;输入id=癱3”名称=案囱】颉崩嘈?案囱】颉奔觳?"/祝辞& lt;/br>
c4: & lt;输入id=" c4 " name=案囱】颉崩嘈?案囱】颉奔觳?祝辞& lt;/br>
c5: & lt;输入id=" c5 " name=案囱】颉崩嘈?案囱】颉?祝辞& lt;/br>
c6: & lt;输入id=" c6 " name=案囱】颉崩嘈?案囱】颉奔觳?false/祝辞& lt;/br>
var a1=$ (" # c1”) .attr(“检查”);
var a2=$ (" # c2”) .attr(“检查”);
var a3=$ (" # c3”) .attr(“检查”);
var a4=$ (" # c4”) .attr(“检查”);
var a5=$ (" # c5”) .attr(“检查”);
var a6=$ (" # c6”) .attr(“检查”);
var p1=$ (" # c1”) .prop(“检查”);
var p2=$ (" # c2”) .prop(“检查”);
var p3=$ (" # c3”) .prop(“检查”);
var p4=$ (" # c4”) .prop(“检查”);
var p5=$ (" # c5”) .prop(“检查”);
var p6=$ (" # c6”) .prop(“检查”);
console.log a1 (a1: " +);
console.log (“a2:“+ a2);
console.log (“a3:“+ a3);
console.log (“a4:“+ a4);
console.log (“a5:“+ a5);
console.log (“a6:“+ a6);
console.log (“p1:“+ p1);
console.log (“p2:“+ p2);
console.log (“p3:“+ p3);
console.log (“p4:“+ p4);
console.log (“p5:“+ p5);
console.log (“p6:“+ p6);
结果是这样的(铬)
Jquery中attr与道具的区别详解
