jquery特殊效果和链式调用_jq的链式调用-优快云博客

本文链接：https://blog.youkuaiyun.com/LXJRQJ/article/details/86486748

本文深入探讨了jQuery库中的特殊效果函数，包括如何使用它们来实现各种动态视觉效果，并详细阐述了jQuery的链式调用机制，展示了如何通过链式调用来提升代码的简洁性和效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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元素