jQuery nextUntil() 方法
jQuery 教程
· 2019-03-28 08:59:39
实例
返回在类名为 "start" 和 "stop" 的两个 <li> 元素之间的所有同级元素：
$(document).ready(function(){
$("li.start").nextUntil("li.stop").css({"color":"red","border":"2px solid red"});
});
$("li.start").nextUntil("li.stop").css({"color":"red","border":"2px solid red"});
});
结果：
- ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "stop")
定义和用法
nextUntil() 方法返回 selector 与 stop 之间的每个元素之后的所有同级元素。
同级元素是共享相同父元素的元素。
DOM 树：该方法沿着 DOM 元素的同级元素向前遍历。
注意：如果两个参数都为空，该方法将返回元素之后的所有同级元素（与 nextAll() 方法相同）。
相关方法：
- next() - 返回被选元素的后一个同级元素
- nextAll() - 返回被选元素之后的所有同级元素
语法
$(selector).nextUntil(stop,filter)
| 参数 | 描述 |
|---|---|
| stop | 可选。表示在哪里停止搜索元素之后匹配的同级元素的选择器表达式、元素、jQuery 对象。 |
| filter | 可选。规定缩小搜索介于 selector 与 stop 之间的同级元素范围的选择器表达式。 注意：如需返回多个同级元素，请使用逗号分隔每个表达式。 |
点击查看所有 jQuery 教程 文章: https://www.codercto.com/courses/l/35.html
高性能HTML5
Jay Bryant、Mike Jones / 奇舞团 / 电子工业出版社 / 2014-5
《高性能html5》为读者讲解了如何用html5 从一开始就设计一个高性能的网站，以及如何对已有网站进行改良，使得它们具备优越的性能。《高性能html5》中总结了许多实践经验、关键技巧，并提供了丰富的示例，作者有意无意地将软件工程以及前端开发技术之道隐藏于朴实的描述中。 通过学习《高性能html5》，读者能够掌握如何创建自己的高性能网站。《高性能html5》适合于想创建自己网站的初学者，同样......一起来看看 《高性能HTML5》 这本书的介绍吧!
