JQUERY prop与attr区别
1. 1-9-1前后区别
<html> <script src="Js/jquery-1.9.0.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $(":button").click(function(){ //prop与attr区别 //attr在1.9以后attr没有初始化的.attr("checked")返回都是undefined console.log("prop1="+$(":checkbox:eq(0)").prop("checked")); console.log("attr1="+$(":checkbox:eq(0)").attr("checked")); //attr在1.9以后attr初始化的无论是否选中.attr("checked")返回都是checked console.log("prop2="+$(":checkbox:eq(1)").prop("checked")); console.log("attr2="+$(":checkbox:eq(1)").attr("checked")); }) }) </script> <body> <input type="button" value="bt" id="bt"/> <input type="checkbox" id="ck" value="1" /><label>1</label> <input type="checkbox" id="ck" value="2" checked="checked"/><label>2</label> </body> </html>
2. 用法
//3种 .attr("name"); .attr("name","value"); .attr({"name":"value"}) //4种 .prop("name"); .prop("name","value"); .prop({"name":"value"}) .prop("checked",function(){ return true; })
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。