jquery操作元素属性

时间：5年前阅读：4823

.attr()和,prop()都都可以对修改元素的属性值和获取元素的属性值　语法都相同　　但是在实际操作中一定的区别。jQuery对元素属性的修改和获取上推荐：prop()在元素固有属性的时候使用 attr()在自定义属性使用

<!DOCTYPE html>    
<html>    
	<head>    
		<meta charset="UTF-8">    
		<title></title>    
		<script src="../js/jquery-1.11.3.min.js" type="text/javascript"></script>    
		<script type="text/javascript">    
			$(function(){    
//				$('#dd').click(function(){    
//					获得元素属性   attr这个元素的属性    
//					var tt = $('#nn').attr('class');    
//					alert(tt);    
//					设置元素属性   一般用来操作元素的非特定属性     比如下面的（hd="ss"）是没什么用的，就是非非特定属性    
//					$('#nn').attr('class','wwwwwwwwwww');    
//					也是设置元素属性  prop一般是用来操作元素的特定属性，比如 id class a标签的href img标签的src input的value等等!    
//					能给元素提供特殊功能或效果的属性就属于特定属性      比如下面的（hd="ss"）是没什么用的，就是非非特定属性    
//					$('#nn').prop('class','wwwwwwwwwww');    
//				})    
				$('#gg').click(function(){    
//					var cc = $('#fx').attr('checked');    
					var cc = $('#fx').prop('checked');    
					alert(cc);    
				})    
			})    
		</script>    
	</head>    
	<body>    
		<input type="button" name="" id="gg" value="按钮" />    
		<input type="checkbox" name="fx" id="fx" value="" />    
		<br /><br />    
		<input type="button" name="dd" id="dd" value="按钮" />    
		<h1 id="nn" class="ww" hd="ss">好看的电影和电视剧</h1>    
	</body>    
</html>

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

jquery操作元素属性

网友评论