jquery批量改变元素属性的代码
时间: 2024-02-12 19:09:53 浏览: 65
jquery更改元素属性attr()方法操作示例
5星 · 资源好评率100%
批量改变元素属性可以使用 jQuery 中的 `each()` 方法来循环遍历元素,然后使用 `css()` 方法来设置元素的属性,例如:
```javascript
// 循环遍历所有 class 为 box 的元素,设置它们的背景色和字体颜色
$('.box').each(function() {
$(this).css({
'background-color': 'red',
'color': 'white'
});
});
// 循环遍历所有 id 为 content 的元素,设置它们的宽度和高度
$('#content').each(function() {
$(this).css({
'width': '100%',
'height': '500px'
});
});
```
上述代码中,第一个循环遍历所有 class 为 `box` 的元素,设置它们的背景色为红色,字体颜色为白色;第二个循环遍历所有 id 为 `content` 的元素,设置它们的宽度为 100%,高度为 500px。您可以根据实际情况修改选择器和属性值。
阅读全文