首页
技术小册
AIGC
面试刷题
技术文章
MAGENTO
云计算
视频课程
源码下载
PDF书籍
「涨薪秘籍」
登录
注册
jQuery介绍
jQuery 安装
jQuery 语法
jQuery 选择器
jQuery 事件
jQuery 效果- 隐藏和显示
jQuery 效果 - 淡入淡出
jQuery 效果 - 滑动
jQuery 效果- 动画
jQuery 停止动画
jQuery Callback 方法
jQuery - 链式写法
jQuery - 获取内容和属性
jQuery - 设置内容和属性
jQuery - 添加元素
jQuery - 删除元素
jQuery - 获取并设置 CSS 类
jQuery css() 方法
jQuery 遍历
jQuery 遍历 - 祖先
jQuery 遍历 - 后代
jQuery 遍历 - 同胞(siblings)
jQuery 遍历- 过滤
jQuery - AJAX 简介
jQuery - AJAX load() 方法
jQuery - get() 和 post() 方法
jQuery 可用方法大全
jQuery插件
当前位置:
首页>>
技术小册>>
JQuery入门教程
小册名称：JQuery入门教程
同胞拥有相同的父元素。 通过 jQuery，您能够在 DOM 树中遍历元素的同胞元素。 ####在 DOM 树中水平遍历 有许多有用的方法让我们在 DOM 树进行水平遍历： - siblings() - next() - nextAll() - nextUntil() - prev() - prevAll() - prevUntil() - jQuery siblings() 方法 - siblings() 方法返回被选元素的所有同胞元素。 下面的例子返回 `<h2>` 的所有同胞元素： 实例 ```bash $(document).ready(function(){ $("h2").siblings(); }); ``` 您也可以使用可选参数来过滤对同胞元素的搜索。 下面的例子返回属于 `<h2>` 的同胞元素的所有 `<p>` 元素： 实例 ```bash $(document).ready(function(){ $("h2").siblings("p"); }); ``` ####jQuery next() 方法 next() 方法返回被选元素的下一个同胞元素。 该方法只返回一个元素。 下面的例子返回 `<h2>` 的下一个同胞元素： 实例 ```bash $(document).ready(function(){ $("h2").next(); }); ``` ####jQuery nextAll() 方法 nextAll() 方法返回被选元素的所有跟随的同胞元素。 下面的例子返回 `<h2>` 的所有跟随的同胞元素： 实例 ```bash $(document).ready(function(){ $("h2").nextAll(); }); ``` ####jQuery nextUntil() 方法 nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。 下面的例子返回介于 `<h2>` 与` <h6>` 元素之间的所有同胞元素： 实例 ```bash $(document).ready(function(){ $("h2").nextUntil("h6"); }); ```
上一篇：
jQuery 遍历 - 后代
下一篇：
jQuery 遍历- 过滤
该分类下的相关小册推荐：
暂无相关推荐.
