您现在的位置是:首页 > Javascript
当前栏目
jQuery中nextUtil()方法如何使用?
2023-03-15 23:17:15 时间
小编介绍过next()方法选取被选元素的下一个同胞元素,nextAll()方法选取被选元素之后的所有同胞元素,那如果想要选取被选元素与给定参数之间的所有同胞元素,就要使用nextUtil()方法,nextUtil()方法简单来说就是获得每个元素所有跟随的同胞元素,本文向大家介绍nextUtil()方法。
1、nextUtil()方法
通过选择器,DOM节点,或jQuery对象得到每个元素之后的所有兄弟元素,但不包括匹配的元素。
选取被选元素与给定参数之间的所有同胞元素。
2、使用语法
.nextUntil(selector,filter)
或
.nextUntil(element,filter)
3、使用参数
有参数时,则直到遇到该方法的参数所匹配的元素时会停止搜索。
返回的新 jQuery 对象包含所有跟随的同胞元素,但不包括被选择器、DOM 节点或已传递的 jQuery 对象匹配的元素。
如果没有参数,则会选取所有跟随的同胞元素,此时与.nextAll()方法相同。
4、返回值
返回介于两个给定参数之间的所有跟随的同胞元素。
5、使用实例
<div> 全选<input type="checkbox"><br> <input type="checkbox"> <input type="checkbox"> <h1>title</h1> <input type="checkbox"> <input type="checkbox"> </div> <script> $("input[type='checkbox']").nextUntil("h1","input[type='checkbox']") </script>
以上就是nextUtil()方法的介绍,希望能对你有所帮助哦~更多JavaScript学习推荐:JavaScript教程。
相关文章
- 移动端日历组件设计与实现
- iOS 16 来了,苹果新系统曝光
- iOS 16首张演示截图曝光!这风格,跟安卓没区别
- 开发者注意了,WebKit迎来新升级!
- 毛玻璃 CSS 特效的兼容性方案探究
- web前端技术
- HTTP 与 HTTPS
- 疑似苹果iOS 16系统界面截图曝光,“大组件”惹眼
- 苹果 iOS / iPadOS 15.3 正式版发布:修复 Safari 浏览器泄露隐私漏洞
- Rails 框架默认 JavaScript 打包器 “Webpacker” 正式退役
- HTML 标签 Input 在 iOS 15 的改变,惊呆了
- Vsync 信号机制和 UI 刷新流程
- iFixit分享iPhone 13 Pro拆解报告:可维修性仅5/10分
- 微信安卓版 8.0.14 内测版发布,附开发者更新内容
- 从三个方面,帮你快速掌握「设计系统」的完整框架
- 下个月就来!谷歌安卓12正式版即将推送:国内用户不用等了!
- 有哪些组件值得学习?我梳理了八个大厂的设计组件!
- 华为鸿蒙继续开放:方舟JS运行时正式开源
- iOS文本的多语言适配和实践
- 12306网站进行适老化改造:验证码终于优化、界面简化