JavaScript/jQuery

jquery中prop和attr的区别

对于dom固有属性使用prop,比如href,target,class等

对于dom本身不存在的,自定义添加的属性使用attr

<html>
	<!--
    	作者:me@longlonggo.com
    	时间:2017-05-11
    	描述:prop与attr的测试
    -->
	<head>
		<meta charset="UTF-8"/>
		<title>prop与attr的测试</title>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<link rel="shortcut icon" href="{#ZC_BLOG_HOST#}favicon.ico">
	</head>

	<body>
		<input id="chk1" type="checkbox" />多选框A
		<input id="chk2" type="checkbox" checked="checked" />多选框B
	</body>
	
	<script type="text/javascript">
		$(function(){
			console.log("=====>"+$("#chk1").attr("checked"));	//=====>undefined
			console.log("=====>"+$("#chk2").attr("checked"));	//=====>checked
			
			console.log("=====>"+$("#chk1").prop("checked"));	//=====>false
			console.log("=====>"+$("#chk2").prop("checked"));	//=====>true
		})
	</script>
</html>

留言

您的电子邮箱地址不会被公开。 必填项已用*标注