jquery attr（）方法实例之多选框全选

最新推荐文章于 2024-01-23 19:19:19 发布

纳木错没有错

最新推荐文章于 2024-01-23 19:19:19 发布

阅读量1.2k

点赞数

分类专栏：前端 JavaScript 文章标签： jquery attr（） checkbox

本文链接：https://blog.csdn.net/qq_39767955/article/details/83340295

版权

本文介绍了jQuery中的attr()方法，并通过实例展示了如何实现多选框的全选功能。当点击特定checkbox时，利用attr()方法获取并设置其他checkbox的checked属性，从而实现全选或取消全选的效果。

摘要由CSDN通过智能技术生成

attr（）方法在jquery中也很常用，但它用法却有两个：

当该方法用于返回属性值，则返回第一个匹配元素的值：该例子返回img 对象的width属性

<script>
$(document).ready(function(){
	$("button").click(function(){
		alert("图片宽度: " + $("img").attr("width"));
	});
});
</script>
</head>
<body>

<img src="img_pulpitrock.jpg" alt="Pulpit Rock" width="284" height="213">
<br>
<button>返回图片的宽度</button>

</body>

当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对：该例子设置img对象的width和height属性

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("img").attr({width:"150",height:"100"});
	});
});
</script>
</head>
<body>

<img src="img_pulpit