jquery中的attr和prop方法及其他们之间的区别

最新推荐文章于 2021-03-04 21:41:21 发布

qq_45776497

最新推荐文章于 2021-03-04 21:41:21 发布

阅读量126

点赞数 1

分类专栏： jquery 文章标签： jquery javascript js html

本文链接：https://blog.csdn.net/qq_45776497/article/details/105783196

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

指定元素.attr(name|pro|key,val|fn)
作用：获取或者设置属性结点的值
可以传递一个参数，也可以传递2个参数
如果传递一个参数，代表获取属性结点的值
如果传递2个参数，代表设置属性结点的值
注意点：如果是获取，无论找到多少个元素，都只会返回第一个元素指定的属性结点的值
如果是设置：找到多少个元素就会设置多少个元素
如果是设置：如果设置的属性结点不存在，那么系统会自动新增指定元素
指定元素：removeAttr(name)
删除属性结点
注意点：会删除所有找到的属性结点
prop方法和attr方法一样
但是：官方推荐在操作属性结点时，具有属性值true和false的属性结点，如checked ,selected,或者disabled使用prop() 其他使用attr() 列子示范：

<script type="text/javascript">
			$(function(){
				//1，给按钮添加点击事件
				var btn=document.getElementsByTagName("button")[0];
				
				btn.onclick=function(){
					//2 获取输入框的内容
					var input=document.getElementsByTagName("button")[0];
					var text=input.value;
					//3 修改img的scr的属性结点
					$("img").attr("src",text);//推荐使用attr，因为src返回的不是true或者false
					// $("img").prop("src",text);
					
				};
			
			})
		</script>
	</head>
	<body>
		<input type="text">
		<button type="button">切换图片</button>
		<img src="https://www.baidu.com/img/bd_logo1.png" >
	</body>
</html>

qq_45776497

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery中的attr和prop方法及其他们之间的区别

指定元素.attr(name|pro|key,val|fn)作用：获取或者设置属性结点的值可以传递一个参数，也可以传递2个参数如果传递一个参数，代表获取属性结点的值如果传递2个参数，代表设置属性结点的值注意点：如果是获取，无论找到多少个元素，都只会返回第一个元素指定的属性结点的值如果是设置：找到多少个元素就会设置多少个元素如果是设置：如果设置的属性结点不存在，那么系统会自动新增 ...
复制链接

扫一扫