jQuery next() 方法
jQuery 教程
· 2019-03-28 08:19:48
实例
返回带有类名 "start" 的每个 <li> 元素的后一个同级元素：
$(document).ready(function(){
$("li.start").next().css({"color":"red","border":"2px solid red"});
});
$("li.start").next().css({"color":"red","border":"2px solid red"});
});
结果：
- ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
定义和用法
next() 方法返回被选元素的后一个同级元素。
同级元素是共享相同父元素的元素。
注意：该方法只返回一个元素。
DOM 树：该方法沿着 DOM 元素的后一个同级元素向前遍历。
相关方法：
- nextAll() - 返回被选元素之后的所有同级元素
- nextUntil() - 返回两个给定参数之间的每个元素之后的所有同级元素
语法
$(selector).next(filter)
| 参数 | 描述 |
|---|---|
| filter | 可选。规定缩小搜索后一个同级元素范围的选择器表达式。 |
点击查看所有 jQuery 教程 文章: https://www.codercto.com/courses/l/35.html
网页设计创意书（卷2）
麦克尼尔 / 图灵编辑部 / 人民邮电 / 2012-1 / 49.00元
《网页设计创意书(卷2)》是《网页设计创意书》的卷2，但并非其简单补充，而是作者基于近几年网站发展新趋势的再创作。《网页设计创意书(卷2)》先讲解了如何从他人的优秀设计中寻找灵感，接着阐述了重点、对比、平衡、对齐等网站设计的基本原则，然后将网站按类型、设计元素、风格和主题、结构样式和结构元素分类，并分章介绍了每一类的设计技巧。《网页设计创意书(卷2)》语言简练，结合作者精挑细选的网站实例，通俗易懂......一起来看看 《网页设计创意书（卷2）》 这本书的介绍吧!
CSS 压缩/解压工具
在线压缩/解压 CSS 代码
HTML 编码/解码
HTML 编码/解码