jQuery对所有name为一个值或约等于一个值的标签统一赋值

本文详细解析了JSP中使用JS操作标签的方法,包括如何通过JS获取和修改标签属性,以及如何利用正则表达式选择特定类型的标签进行操作。

JSP

<label name="year1">

<label name="year2">

<label name="year3">

js:

$("label[name^='year']").each(function(){

$(this).text("2012");

});


JSP

<input name="joby" type='text'></input>

JS:

$("input[name='joby']").each(function (i,n){
$(this).attr('value',data.list[0][i]);
});


name='joby'  取的是一个标签

name^='year' 取的是name中包含year的标签

jQuery 中,如果你需要穿透样式(即获取多个具有相同 `class` 的元素),并将这些元素统一应用某个 CSS 栢式(例如背景颜色、字体大小等),可以使用 jQuery 的类选择器 `$('.class-name')` 来选择所有具有该类的元素,然后使用 `.css()` 方法为它们设置样式。 --- ### 示例代码 HTML 结构如下: ```html <div class="box">Box 1</div> <div class="box">Box 2</div> <div class="box">Box 3</div> ``` 现在,我们想为所有 `class="box"` 的元素设置背景颜色为红色: ```javascript $('.box').css('background-color', 'red'); ``` --- ### 完整 HTML 示例 ```html <!DOCTYPE html> <html> <head> <title>jQuery 多个相同class设置CSS</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <style> .box { width: 100px; height: 100px; margin: 10px; color: white; text-align: center; line-height: 100px; border: 1px solid #333; display: inline-block; } </style> </head> <body> <div class="box">Box 1</div> <div class="box">Box 2</div> <div class="box">Box 3</div> <script> // 选取所有 class="box" 的元素,并设置背景色为红色 $('.box').css('background-color', 'red'); </script> </body> </html> ``` --- ### 代码解释 - `$('.box')`:选取页面中所有 `class="box"` 的元素,即使它们嵌套在多个层级中。 - `.css('background-color', 'red')`:将这些元素的背景颜色统一设置为红色。 - jQuery 会自动对所有匹配的元素进行操作,不需要手动遍历。 --- ### 设置多个 CSS 属性 你也可以一次设置多个 CSS 属性: ```javascript $('.box').css({ 'background-color': '#f00', 'color': '#fff', 'border': '2px solid #000' }); ``` ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值