jQuery基础(三)

12、jQuery 尺寸 方法


jQuery,很容易处理元素和浏览器窗口的尺寸
文档尺寸:$(document).wdith()        $(document).height() 
浏览器窗口尺寸:$(window).wdith()        $(window).height() 
width()   设置或返回元素的宽度(不包括内边距、边框或外边距)
height() 设置或返回元素的高度(不包括内边距、边框或外边距)
innerWidth() 返回元素的宽度(包括内边距)
innerHeight() 返回元素的高度(包括内边距)
outerWidth() 返回元素的宽度(包括内边距和边框)
outerHeight() 返回元素的高度(包括内边距和边框)



13、jQuery 遍历


jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。
以某项选择开始,并沿着这个选择移动,直到抵达期望的元素为止。

     1、向上遍历 DOM 树  查找元素的前辈:父、爷、老爷爷等等 。。 哈哈哈
方法:


parent() 返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历。
parents() 返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>) 可以使用可选参数来过滤对祖先元素的搜索。
子级.parentsUntil(”父级”) 返回介于两个给定元素之间的所有祖先元素 级从子级~父级之间




2、向下遍历 DOM 树  查找元素的后代: 子、孙、曾孙等等
方法:


children() 返回被选元素的所有直接子元素 只会向下一级对 DOM 树进行遍历
find() 返回被选元素的所有后代元素,一路向下直到最后一个后代




3、在 DOM 树中水平遍历
方法:

.siblings() 获得匹配元素集合中所有元素的同辈元素,由选择器筛选(可选)


.next() 获得匹配元素集合中每个元素紧邻的同辈元素。


.nextAll() 获得匹配元素集合中每个元素之后的所有同辈元素,由选择器进行筛选(可选)


.nextUntil() 获得每个元素之后所有的同辈元素,直到遇到匹配选择器的元素为止


.not() 从匹配元素集合中删除元素。


.prev() 获得匹配元素集合中每个元素紧邻的前一个同辈元素,由选择器筛选(可选)


.prevAll() 获得匹配元素集合中每个元素之前的所有同辈元素,由选择器进行筛选(可选)


.prevUntil() 获得每个元素之前所有的同辈元素,直到遇到匹配选择器的元素为止


.slice() 将匹配元素集合缩减为指定范围的子集


4、jQuery 遍历 - 过滤



.not() 从匹配元素集合中删除元素。


.offsetParent() 获得用于定位的第一个父元素

.add() 将元素添加到匹配元素的集合中。


.andSelf() 把堆栈中之前的元素集添加到当前集合中。


.children() 获得匹配元素集合中每个元素的所有子元素。


.closest() 从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素。


.contents() 获得匹配元素集合中每个元素的子元素,包括文本和注释节点。


.end() 结束当前链中最近的一次筛选操作,并将匹配元素集合返回到前一次的状态。


.eq() 将匹配元素集合缩减为位于指定索引的新元素。


.filter() 将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素。


.find() 获得当前匹配元素集合中每个元素的后代,由选择器进行筛选。


.first() 将匹配元素集合缩减为集合中的第一个元素。


.has() 将匹配元素集合缩减为包含特定元素的后代的集合。


.is() 根据选择器检查当前匹配元素集合,如果存在至少一个匹配元素,则返回 true。


.last() 将匹配元素集合缩减为集合中的最后一个元素。


.each() 对 jQuery 对象进行迭代,为每个匹配元素执行函数。


.map() 把当前匹配集合中的每个元素传递给函数,产生包含返回值的新 jQuery 对象。


    随手整理 如有错误请指正呀




猜你喜欢

转载自blog.csdn.net/colt666/article/details/80244351