jQuery 尺寸方法
jQuery 提供多个处理尺寸的重要方法:
width(), height(), innerWidth(), innerHeight(), outerWidth()
outerHeight()
//设置或返回元素的相关值
jQuery遍历
向上遍历DOM树
parent(),parents(),parentsUntil()
parent() 方法返回被选元素的直接父元素。
parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>
)
也可以使用可选参数来过滤对祖先元素的搜索。
例:$("span").parents("ul");//返回所有 <span> 元素的所有祖先,并且它是 <ul> 元素
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
向下遍历 DOM 树的 jQuery 方法:children(),find();
children() 方法返回被选元素的所有直接子元素。
可以使用可选参数来过滤对子元素的搜索
find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。
返回属于 div 后代的所有 span 元素:
$("div").find("span");
返回 div 的所有后代:
$("div").find("*");
在 DOM 树中水平遍历:
siblings() 方法返回被选元素的所有同胞元素。
next() 方法返回被选元素的下一个同胞元素,该方法只返回一个元素。
nextAll() 方法返回被选元素的所有跟随的同胞元素。
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
prev(), prevAll() & prevUntil() 功能类似.
jQuery 遍历- 过滤
eq() 方法返回被选元素中带有指定索引号的元素。
first() 方法返回被选元素的首个元素。
last() 方法返回被选元素的最后一个元素。
filter()与not()功能相反。
each()方法
each() 方法规定为每个匹配元素规定运行的函数。
提示:返回 false 可用于及早停止循环。
语法:
$(selector).each(function(index,element));
function(index,element)
必需。为每个匹配元素规定运行的函数。
index - 选择器的 index 位置
element - 当前的元素(也可使用 “this” 选择器)