JQuery的一些简单操作02
一、遍历
1、向下遍历，children、find
children只能向下遍历儿子节点的所有元素，find遍历当前元素下面的所有子节点
2、向上遍历，parent,parents,parentsUntil
parent只遍历当前节点的父节点，parents遍历当前节点的所有父级节点，parentsUntil表示区间，从当前节点向上到parentsUntil指向的元素中间的节点
$("a").parentsUntil("#div1").css("border","5px solid yellow");
如图效果：
3、同级遍历，sibings(),next(),nextAll(),nextUntil(),pre(),preAll(),preUntil()
$("h4").sibings().css("border","3px solid yellow"),表示除了元素h4外的同级元素都修改css的边框样式
$("h4").next().css("border","3px solid yellow"),表示修改元素h4的下一个同级元素的css边框样式
$("h4").nextAll().css("border","3px solid yellow"),表示修改h4下的所有同级元素的css边框样式
$("h4").nextUntil("h6").css("border","3px solid yellow")，表示修改元素h4到元素h6中间的同级元素的边框样式
$("h4").pre().css("border","3px solid yellow"),表示修改元素h4上面的一个同级元素的边框样式
$("h4").preAll().css("border","3px solid yellow"),表示修改元素h4上面所有同级的元素的边框样式
$("h4").preUntil("h1").css("border","3px solid yellow"),表示修改从元素h4向上到元素h1直接的同级元素的边框样式
二、元素过滤
first,last,eq,filter,not
$("div p").first().css("background-color","red");表示修改同样元素div下p元素第一个元素的背景颜色
$("div p").last().css("background-color","red");表示修改同样元素div下p元素最后一个元素的背景颜色
$("div p").eq(0).css("background-color","red");表示修改同样元素div下p元素第一个元素的背景颜色,0表示第一个，以此类推
$("div p").filter("p").css("background-color","red");filter表示一个标准，满足是p元素的集合
$("div p").not("p").css("background-color","red");not与filter的效果是相反的
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
