jquery特殊效果和链式调用

fadeIn() 淡入

    $btn.click(function(){

        $('#div1').fadeIn(1000,'swing',function(){

            alert('done!');

        });

    });

fadeOut() 淡出

fadeToggle() 切换淡入淡出

hide() 隐藏元素

show() 显示元素

toggle() 依次展示或隐藏某个元素

slideDown() 向下展开

slideUp() 向上卷起

slideToggle() 依次展开或卷起某个元素

jQuery 效果函数

方法 描述:


animate() 对被选元素应用“自定义”的动画

clearQueue() 对被选元素移除所有排队的函数(仍未运行的)

delay() 对被选元素的所有排队函数(仍未运行)设置延迟

dequeue() 运行被选元素的下一个排队函数

fadeIn() 逐渐改变被选元素的不透明度,从隐藏到可见

fadeOut() 逐渐改变被选元素的不透明度,从可见到隐藏

fadeTo() 把被选元素逐渐改变至给定的不透明度

hide() 隐藏被选的元素

queue() 显示被选元素的排队函数

show() 显示被选的元素

slideDown() 通过调整高度来滑动显示被选元素

slideToggle() 对被选元素进行滑动隐藏和滑动显示的切换

slideUp() 通过调整高度来滑动隐藏被选元素

stop() 停止在被选元素上运行动画

toggle() 对被选元素进行隐藏和显示的切换

jquery对象的方法会在执行完后返回这个jquery对象,所有jquery对象的方法可以连起来写:


$('#div1') // id为div1的元素

.children('ul') //该元素下面的ul子元素

.slideDown('fast') //高度从零变到实际高度来显示ul元素

.parent()  //跳到ul的父元素,也就是id为div1的元素

.siblings()  //跳到div1元素平级的所有兄弟元素

.children('ul') //这些兄弟元素中的ul子元素

.slideUp('fast');  //高度实际高度变换到零来隐藏ul元素

```

你可能感兴趣的:(jquery特殊效果和链式调用)