`

jquery 对元素批量修改方法

阅读更多

[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图片批量上传插件源码

    资源名:jQuery图片批量上传插件源码 资源类型:程序源代码 源码说明:实现图片预览,预览图片移除,任意张数异步上传,上传进度条指示,已选中且上传的图片不会重复上传,且不能移除 使用方法 界面顶部引入IMGUP....

    JQuery框架元素的属性与样式

    《JQuery框架元素的属性与样式详解》 ...通过`$.each()`函数和`attr()`方法,我们可以轻松实现对HTML元素的属性进行批量修改和管理,而无需深入JavaScript的底层DOM操作,这正是JQuery的魅力所在。

    可预览移除图片的jQuery多张图片批量上传插件代码.zip

    这是一款可以选择多张图片同时上传,不要的还可以移除,实时预览图片的jQuery多张图片批量上传插件代码。 功能描述 实现图片预览,预览图片移除,任意张数异步上传,上传进度条指示,已选中且上传的图片不会重复...

    jQuery PHP图片批量上传代码

    本项目是一个基于jQuery和PHP实现的图片批量上传解决方案,旨在帮助开发者快速集成这一功能。 首先,我们来了解一下jQuery。jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互...

    jquery更改元素属性attr()方法操作示例

    为了更好地掌握jQuery以及attr()方法的使用,读者可以参考本站专题,如《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》以及《jquery选择...

    ajax+jquery文件批量上传.doc

    ### IT知识点:使用Ajax与jQuery实现文件批量上传 在现代Web开发中,文件批量上传是一项常见且实用的功能,尤其在用户需要一次性上传多个文件(如图片、文档等)的场景中。本文将深入探讨如何利用Ajax与jQuery技术...

    使用jQuery操作元素的属性与样式

    尽管jQuery本身没有专门针对DOM属性操作的方法,但我们可以通过jQuery的`each()`函数来遍历元素集合,并在回调函数中直接访问每个元素的DOM属性: ```javascript $("img").each(function(index){ alert("index:" +...

    JQuery给元素绑定click事件多次执行的解决方法

    总结,解决jQuery元素`click`事件多次执行的问题,你可以: 1. 使用`unbind`或`off`方法在绑定新事件前解除旧事件。 2. 为事件处理函数添加命名空间,以便精确解绑。 3. 使用事件委托,尤其是在处理动态添加的元素...

    jquery实现鼠标框选多个页面元素

    然后,在页面加载完成后,通过jQuery的选择器找到这些元素,并调用DrawSelect插件的方法,将它们设置为可被框选的状态。 例如,在JavaScript代码中,你可能会有以下的代码片段: ```javascript $(document).ready...

    jquery批量设置属性readonly和disabled的方法

    在jQuery中,我们可以通过`.attr()`方法来批量设置多个input元素的readonly属性。 以下是jQuery设置readonly属性的几种常用方法: 1. `$('input').attr("readonly","readonly")` 此方法将所有input元素设置为只读...

    jQuery多张图片批量上传预览插件.zip

    在本插件中,jQuery提供了便捷的方法来操作DOM元素,处理用户事件,并执行异步操作。 2. **批量上传**:批量上传功能允许用户一次性选择并上传多个文件,而不是逐个选择。这通过HTML5的`multiple`属性在`...

    jQuery+CSS3实现类似表单相册无刷新批量删除特效

    7. **错误处理**:如果服务器端返回错误,需要有适当的错误提示,这同样可以通过jQuery来实现,例如弹出警告框或者动态修改元素的文本内容。 综上所述,"jQuery+CSS3实现类似表单相册无刷新批量删除特效"是一个集成...

    jquery mp3的简单示例

    4. 更新`&lt;span&gt;`元素的文本,显示当前播放的MP3文件名,这可以通过jQuery的`.text()`方法实现。 5. 如果`singlemp3player.swf`被使用,那么在`&lt;object&gt;`或`&lt;embed&gt;`标签中引用它,作为HTML5音频的回退方案。 总的来...

    JQUERY应用开发实践指南示例代码

    每个示例都是一个生动的教程,通过实际运行和修改代码,可以加深对jQuery的理解,提高开发效率。在学习过程中,可以尝试将书中的代码与自己的项目结合起来,实践是检验理解和掌握知识的最佳方式。

    jquery 1.7.2 帮助文档

    2. 避免DOM操作过于频繁:尽可能批量处理DOM操作,减少对DOM树的修改次数。 3. 使用`.delegate()`或`.on()`进行事件委托:当处理大量动态生成元素的事件时,事件委托可以提高性能。 五、实战应用案例 1. 模态...

    管理Jquery包装集

    学习管理jQuery包装集,意味着理解如何有效地对一组元素进行批量操作,如遍历、添加、删除、插入、替换等。这对于提升JavaScript代码的效率和可读性至关重要。此外,了解并掌握正确的DOM操作方法,可以帮助开发者...

    Jquery源码分析 源码

    - **链式调用**:jQuery对象返回的是一个包含多个DOM元素的集合,这种集合可以继续调用其他jQuery方法,形成了优雅的链式调用模式。 - **事件处理**:jQuery封装了事件注册和解注册,支持事件委托,简化了事件处理...

    jQuery图片批量上传插件.zip

    在图片批量上传插件中,jQuery的核心功能被充分利用,实现了对用户选择的多张图片的快速处理和异步上传。 1. **多文件选择**:通过HTML5的`&lt;input type="file"&gt;`元素,可以支持用户选择多个文件。利用`multiple`...

    jQuery帮助文档

    3. **批量操作**:一次性修改多个元素,而不是逐个修改,如`$("li").addClass("active")`。 4. **使用事件委托**:对于动态添加的元素,使用`$(document).on("event", "selector", function() {...})`。 通过深入...

    jQuery支持拖拽图片上传的图片批量上传插件.zip

    标题中的“jQuery支持拖拽图片上传的图片批量上传插件.zip”表明这是一个使用jQuery库实现的,具有拖放功能的图片批量上传插件。这个插件允许用户通过拖拽操作来选择并上传多张图片,提高了用户体验,尤其适用于网页...

Global site tag (gtag.js) - Google Analytics