jQuery的遍历以及内置动画

遍历（jQuery）

里面

实例与解释

body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
li (direct parent) span

find 获取匹配到的后代元素

$(document).ready(function(){
$("ul").find("span").css({"color":"red","border":"2px solid red"});
});

children() 获取子元素

$(document).ready(function(){
$("ul").children().css({"color":"red","border":"2px solid red"});
});

find 是后代 children 是子代

外面

parent 获取父元素

$(document).ready(function(){
$("span").parent().css({"color":"red","border":"2px solid red"});
});

parents 获取祖先元素

$(document).ready(function(){
$("span").parents().css({"({"color":"red","border":"2px solid red"});
});

兄弟元素

siblings 获取所有的兄弟节点

next 获取后一个兄弟节点
nextall 获取后面所有的兄弟节点
nextUntil 获取后面的兄弟元素，但是有个范围 找到nextUntil中设置的元素后就不找了。

prev 获取前一个兄弟节点
prevAll 获取前面所有的兄弟节点
prevUntil 获取前面的兄弟元素，但是有个范围 找到nextUntil中设置的元素后就不找了。

事件

普通添加
on关键字添加

off 解除事件

内置动画

hide
show
基本特效 滑动变化 、透明度受到变化

slideup
slidedown
滑动特效 滑动变化 透明度不受变化

fadeout
fadein
渐变特效 渐变变化 透明度受影响

自定义特效