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,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 671评论 0 3
  • jQuery 安装 把 jQuery 添加到您的网页 如需使用 jQuery,您需要下载 jQuery 库(会在下...
    Clover园阅读 301评论 0 0
  • jQuery 入口函数: $(function(){ // 执行代码 }); jQuery 选择器: 元素选择器 ...
    Hassd阅读 383评论 0 1
  • 请记得在进行JQuery类库的运用时,加入JQuery类库,并且要保证先写文档就绪函数 $(document).r...
    Sunshinemm阅读 2,927评论 1 40
  • jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法...
    convertible阅读 214评论 0 1