层级选择器:
ancestordescendant:来表示选定ancestor里面所有的descendant元素。
parentdstrokchild:可以表示中,选择parent元素的所有子元素。
prevnext:可以表示选择prev后面的兄弟元素,是下一个元素。
prev~siblings:来表示你选prev后面的兄弟元素,后面所有的元素。
jquery动画可以用animte函数基于,该方法样式将元素从一个状态变动为另一个状态。
animte函数css属性值是逐渐决定的,那样的话就可以不创建动画效果。只有数字值可创建动画,诸如:
$(#content).animate({height:100px})再按f12,接着在console中不能复制上面代码即可先执行。该函数的接口是:
$(selector).animate(styles,options)
$(selector).animate(styles,speed,easing,callback)这对第一种接口options可能的值:speed-系统设置动画的速度easing-明文规定要可以使用的easing函数callback-规定动画能完成之后要想执行的函数step-法律规定动画的每迈一步成功之后要不能执行的函数queue-布尔值。您的指示是否是在效果队列中随意放置动画。如果不是为false,则动画将立玄又开始specialeasing-依附styles参数的一个或多个css属性的映射,在内它们的对应easing函数如:
$(#content).animate({height:100px},linear)easing函数在jquery1.4.2中,设置为需要提供了提供给了两种动画补间效果,线性和来回摆动运动曲线:但我们是需要建议使用复杂有一些的运动效果,比如让元件听从双曲线或抛物线运动趋势改变时,这两个函数就稍显很明显够了。但是这实现程序出声的确古怪,只是需要明确的或者的数学公式,直接添加自定义设置的easing补间动画效果函数表就行。诸如,现在要让网页上的元件听从yx^4的曲线运动,运行趋势为先缓后急。jquery1.4的linear和swing的动画利用代码是这样的,最新版的jquery做了改进,只在用了一个参数p,但太容易看得出各个参数的作用,并且这里不使用了一个比较好遗留下来版本。
({
……
easing:{
linear:function(p,n,firstnum,diff){
returnfirstnumdiff*p
},
swing:function(p,n,firstnum,diff){
return(((p*math.pi)/2)0.5)*difffirstnum
}
},
……
})