系列文章—目录
猴子也能学会的jQuery第一期——什么是jQuery
猴子也能学会的jQuery第二期——引用jQuery
猴子也能学会的jQuery第三期——使用jQuery
猴子也能学会的jQuery第四期——jQuery选择器大全
猴子也能学会的jQuery第五期——jQuery样式操作
猴子也能学会的jQuery第六期——jQuery事件(上)
猴子也能学会的jQuery第六期——jQuery事件(中)
未完待续
文章目录
系列文章—目录
回顾上期
jQuery祖先
jQuery parent()方法
jQuery parents()方法
jQuery parentsUntil()方法
jQuery后代
回顾上期
上期讲了jQuery遍历的内容,分为上中下三个部分
- jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。
jQuery祖先
祖先是指父、祖父或曾祖父等等。
通过 jQuery,您能够向上遍历 DOM 树,以查找元素的祖先。
- 通过jQuery这些方法可以用于向上遍历 DOM 树,parent()、parents()和parentsUntil()
jQuery parent()方法
parent() 方法返回被选元素的直接父元素。
该方法只会向上一级对 DOM 树进行遍历。
下面通过代码演示,返回每个 元素的直接父元素。
div (曾祖父元素)ul (祖父元素)
- li (父元素) span
div (祖父元素)p (父元素) span
jQuery parents()方法
- parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 ()。
- 下面通过代码演示,返回所有 元素的所有祖先。
body (曾曾祖父元素)
div (曾祖父元素)ul (祖父元素)
- li (父元素) span
- 同时可以使用可选参数来过滤对祖先元素的搜索。
- 下面通过代码演示,返回所有 元素的所有祖先,并且它是
元素。
body (great-great-grandparent)
div (great-grandparent)ul (grandparent)
- li (direct parent) span
jQuery parentsUntil()方法
- parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
- 下面通过代码演示,返回介于 与