21
2019
04

jquery操作元素属性

.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/post/7447.html

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

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。