jQuery prop()与attr()函数比较

司徒小夜

于 2022-09-27 21:52:47 发布

阅读量329

点赞数

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

本文链接：https://blog.youkuaiyun.com/qq_43530326/article/details/127079446

版权

js 专栏收录该内容

8 篇文章

订阅专栏

prop()函数的结果:

  1.如果有相应的属性，返回指定属性值。

  2.如果没有相应的属性，返回值是空字符串。

attr()函数的结果:

  1.如果有相应的属性，返回指定属性值。

  2.如果没有相应的属性，返回值是 undefined。

对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。

对于HTML元素我们自己自定义的DOM属性，在处理时，使用 attr 方法。

具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()

实例：

//全选按钮
$(function(){
	$("#b1").click(function () {
		if ($("#b1").attr("value")=="全选") {
			$('input:checkbox').each(function() {
			      $(this).prop("checked",'true')
			});
			$("#b1").attr("value","取消全选")
		} 
		else{
			$('input:checkbox').each(function () {
			        $(this).prop('checked',false);
			});
			$("#b1").attr("value","全选")
		}
		
	})
})