jquery 对元素批量修改方法

最新推荐文章于 2021-01-26 10:17:24 发布
最新推荐文章于 2021-01-26 10:17:24 发布
阅读量1.4k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： jQuery 文章标签： jQuery HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/plrguogz/article/details/83530476
本文介绍了jQuery中三种属性选择器的使用方法：以某些值结尾、以某些值开始及等于特定值的选择器。通过实例展示了如何选取符合特定属性条件的HTML元素。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

[attribute$=value]

匹配给定的属性是以某些值结尾的元素

例:

HTML 代码:

<input name="newsletter" />
<input name="milkman" />
<input name="jobletter" />

jQuery 代码:

$("input[name$='letter']")

结果:

[ <input name="newsletter" />, <input name="jobletter" /> ]

 

[attribute^=value]

匹配给定的属性是以某些值开始的元素

HTML 代码:

<input name="newsletter" />
<input name="milkman" />
<input name="newsboy" />

jQuery 代码:

$("input[name^='news']")

结果:

[ <input name="newsletter" />, <input name="newsboy" /> ]

 

[attribute=value]

匹配给定的属性是某个特定值的元素

HTML 代码:

<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />

jQuery 代码:

$("input[name='newsletter']").attr("checked", true);

结果:

[ <input type="checkbox" name="newsletter" value="Hot Fuzz" checked="true" />, <input type="checkbox" name="newsletter" value="Cold Fusion" checked="true" /> ]

jquery批量设置属性readonly和disabled的方法
10-26
批量设置属性的方法有很多，在本文为大家介绍下使用jquery批量设置readonly和disabled属性
jQuery批量修改Name值，批量增加name后缀，非each（不需要循环）
weixin_34221036的博客
09-18 658
背景 表单字段，配置where属性自动刷新到可查询区域，查询字段需增加_where后缀，响应后台规则 问题 批量设置的查询字段，必须批量增加_where后缀方可正常查询。each循环有点麻烦，有没有更方便的批量修改方法。 调查 方向就是jquery批量修改name，整个互联网充斥的都是.attr("name","new_value")。...
Jquery 批量操作标签属性
weixin_30867015的博客
01-25 417
$("[id*='Custom']").removeAttr("disabled") 转载于:https://www.cnblogs.com/qdyxmas/p/8352142.html
玩转Web值jquery(一)---对表单中的某一标签批量处理（以input为例）
05-19 2326
jquery可以对form进行操作，以批量操作某一标签，这里以input标签为例总结。 示例一：对删除infoForm表单的input的所有readonly属性 $("#infoForm input").removeAttr("readonly");示例二：修改infoForm表单所有input的readOnly属性 $("#infoForm input").attr("readOnly
jquery更改元素属性attr()方法操作示例
10-15
为了更好地掌握jQuery以及attr()方法的使用，读者可以参考本站专题，如《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》以及《jquery选择...
JQuery给元素绑定click事件多次执行的解决方法
10-25
总结，解决jQuery元素`click`事件多次执行的问题，你可以： 1. 使用`unbind`或`off`方法在绑定新事件前解除旧事件。 2. 为事件处理函数添加命名空间，以便精确解绑。 3. 使用事件委托，尤其是在处理动态添加的元素...
jQuery图片批量上传插件源码
01-20
资源名：jQuery图片批量上传插件源码 资源类型：程序源代码 源码说明：实现图片预览，预览图片移除，任意张数异步上传，上传进度条指示，已选中且上传的图片不会重复上传，且不能移除 使用方法 界面顶部引入IMGUP....
jQuery 实现批量提交表格多行数据的方法
10-18
今天小编就为大家分享一篇jQuery 实现批量提交表格多行数据的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
jquery批量设置属性readonly和disabled
aijiagui7454的博客
01-24 227
分享下Jquery的api中对元素应用disabled和readonly属性的方法。 1，readonly 属性设置 $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//去除input元素的readonly属性 if($('inpu...
JQuery03-属性操作,批量操作,attr() prop()
qq_44236958的博客
01-16 542
JQuery的属性操作 JQUery的属性操作 html() 他可以设置和获取起始标签和结束标签中的内容. 跟dom属性 innerHTML 一样。 text() 它可以设置和和获取起始标签和结束标签中的文本 跟 dom 属性 innerText 一样 val() 它可以设置和获取表单项目的value值 跟dom中的value值一样 <!DOCTYPE html> <html lang="zh_CN"> <head>
写出jq中获取属性，设置属性，以及设置批量属性，还有删除属性
qq_41138596的博客
03-05 466
        获取 $(obj).attr(name)        设置 $(obj).attr(name,value)        设置批量 $(obj).attr({name:value,name1:value1。。。})        删除 $(obj).removeAttr(name)...
JQuery执行DOM批量克隆并插入的提效方法
weixin_34152820的博客
04-12 453
     JQuery clone方法可以实现对指定DOM对象的快速复制，并插入文档中。 对于同一类型的对象往往需要按照同一样式模板（HTML标签代码）复制N份并插入文档中，然后再将内容填入模板中，这就需要批量克隆插入，例如你的博客发表的若干篇文章，都具有相同的模板样式（标题 + 内容摘要）。     按照直接的思维逻辑往往会写出 先clone后插入文档，插入使用append preprend或...
笔记：JQuery遍历页面内所有的input并赋值
 
01-26 2931
直接上 // 将所有 input 的值初始化为 0 // 方法一： $("input").each(function () { $(this).val(0) }) // 方法二: var inputs = $("input") for(let i=0; i < inputs.length; i++){ $(inputs[i]).val(0) // 数组中每一个元素表示当前标签得用选择器再次选
jQuery批量修改h1标签内容
ForMyQianDuan的博客
07-15 5854
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>you are</h1> <h1>you are</h1> <h1>you are</h1> <h1>you are</h1> <h1>you are</h1> </body> <
Jquery同时设置多个css的值
热门推荐
kungfu_panda的专栏
09-26 2万+
$("p").css({"font-size":"8px","background-color":"#8888888"});
Jquery的增加一条，批量增加, 减少一条
adminyan的博客
12-01 1396
账号                 密码                 email                                                                                         
JQuery实现图片批量上传插件使用教程
- 通常使用JavaScript动态生成图片元素，并通过修改img标签的src属性来显示预览。 ### 使用Flash的考虑 1. **Flash简介** - Flash是一种矢量图形和交互式动画技术，用于网页应用开发。 - 由于安全和性能的问题...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值