.hide()
  隐藏匹配的元素。
  .hide()
    这个方法不接受任何参数。
  .hide([duration][,complete])
    duration
      一个字符串或者数字决定动画将运行多久。
    complete
      在动画执行完时执行的函数。
  .hide([duration][,easing][,complete])
    duration
      一个字符串或者数字决定动画将运行多久。
    easing
      一个字符串,表示过渡使用哪种缓动函数。
    complete
      在动画完成时执行的函数。
  用法:
    $('button').click(function(){
      $('p').hide(2000)
    });
    $("div").click(function(){
      $(this).hide(2000,function(){
      $(this).remove()
      })
    }) 

 
.show()
  显示匹配的元素。
  .show()
    这个方法不接受任何参数。
  .show([duration][,complete])
    duration
      一个字符串或者数字决定动画将运行多久。
    complete
      在动画执行完时执行的函数。
  .show([duration][,easing][,complete])
    duration
      一个字符串或者数字决定动画将运行多久。
    easing
      一个字符串,表示过渡使用哪种缓动函数。
    complete
      在动画完成时执行的函数。
  用法:
    $("button").click(function () {
        $("p").show("slow");
    });

    $("div").first().show("fast", function showNext() {
      $(this).next("div").show("fast", showNext);
    });

.toggle()
  显示或隐藏匹配的元素。
  .toggle()
    这个方法不接受任何参数。
  .toggle([duration][,complete])
    duration
      一个字符串或者数字决定动画将运行多久。
    complete
      在动画执行完时执行的函数。
  .toggle([duration][,easing][,complete])
    duration
      一个字符串或者数字决定动画将运行多久。
    easing
      一个字符串,表示过渡使用哪种缓动函数。
    complete
      在动画完成时执行的函数。
  用法:
    $("button").click(function () {
      $("p").toggle();
    });

    $("button").click(function () {
      $("p").toggle("slow");
    });

.animate()
  根据一组css属性,执行自定义动画。
  .animate(properties[,duration][,easing][,complete])
    properties
      一个css 属性和值的对象,动画将根据这组对象移动。
    duration(默认:400)
      一个字符串或者数字决定动画将运行多久。
    easing(默认 swing)
      一个字符串,表示过度使用哪种缓动函数。
      complete
        在动画执行完时执行的函数。
   .animate(properties,options)
      properties
        一个CSS属性和值的对象,动画将根据这组对象移动。
      options
        一组包含动画选项的值的集合。
  用法:
    $("#go").click(function(){
      $("#block").animate({
        width: "70%",
        opacity: 0.4,
        marginLeft: "0.6in",
        fontSize: "3em",
        borderWidth: "10px"
       }, 1500 );
    });

    $("#right").click(function(){
      $(".block").animate({"left": "+=50px"}, "slow");
    });
    对所有段落应用动画,使其 left 属性变为 50,透明度变为 1(即,不透明,可见),用时 500 毫秒。
  $( "p" ).animate({
      left: 50, opacity: 1
    }, 500 );

.delay()
  设置一个延时来推迟执行队列中后续的项。
  .delay(duration[,queueName])
    duration
      一个整数,指示的毫秒数,用于设定下一个队列推迟执行的时间。
    queueName
      一个作为队列名的字符串。
  效果:
    我们可以在 <div id="foo"> 的 .slideUp() 和 .fadeIn() 动画之间设置800毫秒的延时:
    $('#foo').slideUp(300).delay(800).fadeIn(400);

    隐藏再显示两个div。其中绿色的div在显示之前,有800毫秒的延时。
    $("button").click(function() {
        $("div.first").slideUp(300).delay(800).fadeIn(400);
        $("div.second").slideUp(300).fadeIn(400);
  });

.stop()
   停止匹配元素当前正在运行的动画。
   .stop([clearQueue][,jumpToEnd])
    clearQueue
      一个布尔值,指示是否取消以队列动画,默认 false;
    jumpToEnd
      一个布尔值指示是否当前动画立即完成。默认false;
   .stop([queue ] [, clearQueue ] [, jumpToEnd ] )
      queue
        停止动画队列的名称。
      clearQueue
        一个布尔值,指示是否取消以列队动画。默认 false.
      jumpToEnd
        一个布尔值指示是否当前动画立即完成。默认false.
  用法:
    $("#stop").click(function(){
      $(".block").stop();
      }); //当点击这个运算的时候 立即停止动画。

.fadeIn()
  通过淡入的方式显示匹配的元素。
  .fadeIn([duration][,complete])
    duration(默认:400)
      一个字符串或者数字决定动画将运行多久。
    complete
      在动画完成时执行的函数。
  .fadeIn(options)
    一组包含动画选项的值的集合。
  .fadeIn([duration][,easing][,complete])
    duration(默认:400)
      一个字符串或者数字决定动画将运行多久。
    easing(默认:swing)
      一个字符串,表示过渡使用哪种缓动函数
    complete
      在动画完成时执行的函数。
  用法:
    $(".btn2").click(function(){
        $("p").fadeIn();
    });

.fadeOut()
  通过淡出的方式隐藏匹配元素。
  .fadeOut([duration][,complete])
    duration(默认:400)
      一个字符串或者数字决定动画将运行多久。
    complete
      在动画完成时执行的函数。
  .fadeOut(options)
    一组包含动画选项的值的集合。
  .fadeOut([duration][,easing][,complete])
    duration(默认:400)
      一个字符串或者数字决定动画将运行多久。
    easing(默认:swing)
      一个字符串,表示过渡使用哪种缓动函数
    complete
      在动画完成时执行的函数。
  用法:
    $(".btn2").click(function(){
        $("p").fadeOut();
    });

.fadeTo()
   调整匹配元素的透明度。
   .fadeTo(duration,opacity[,complete])
    duration
      一个字符串或者数字决定动画将运行多久。
    opacity
      0和1之间的数字表示目标元素的不透明度
    complete
      在动画完成时执行的函数。
    .fadeTo(duration,opacity[,easing][,complete])
      duration
        一个字符串或者数字决定动画将运行多久。
      opacity
        0和1之间的数字表示目标元素的不透明度
      easing
        一个字符串,表示过渡使用哪种缓动函数
      complete
        在动画完成时执行的函数。
    用法:
      $('input').click(function(){
          $('#div1').fadeTo("slow",0.2,function(){
              $('#div1').css("display","none");
          })
      })

.fadeToggle()
  通过匹配元素的不透明度动画,来显示或者隐藏他们。
    .fadeToggle([duration][,easing][,complete])
      duration(默认:400)
        一个字符串或者数字决定动画将运行多久。
      easing(默认:swing)
        一个字符串,表示过渡使用哪种缓动函数
      complete
        在动画完成时执行的函数。
    .fadeToggle(opacity)
      opacity
        一组包含动画选项的值的集合。
    用法:
      $("input").click(function(){
        $('#div1').fadeToggle(2000)
    })

.slideDown()
  用滑动动画显示一个匹配元素。
    .slideDown([duration][,complete])
      duration
        一个字符串或者数字决定动画将运行多久。
      complete
        在动画完成时执行的函数。
    .slideDown(opacity)
       opacity
         一组包含动画选项的值的集合。
    .slideDown([duration][,easing][,complete])
      duration
        一个字符串或者数字决定动画将运行多久。
      easing
        一个字符串,表示过度使用哪种缓动函数。
      complete
        在动画完成时执行的函数。
    用法:
      $("input").click(function(){
          $('#div1').slideDown(2000)
      })

.slideUp()
  用滑动动画隐藏一个匹配元素。
  .slideUp([duration][,complete])
    duration
      一个字符串或者数字决定动画将运行多久。
    complete
      在动画完成时执行的函数。
  .slideUp(opacity)
    opacity
    一组包含动画选项的值的集合。
  .slideUp([duration][,easing][,complete])
    duration
      一个字符串或者数字决定动画将运行多久。
    easing
      一个字符串,表示过度使用哪种缓动函数。
    complete
      在动画完成时执行的函数。
  用法:
    $("input").click(function(){
      $('#div1').slideUp(2000)
  })

.slideToggle()
  用滑动动画显示或隐藏一个匹配的元素。
  .slideToggle([duration][,complete])
    duration
      一个字符串或者数字决定动画将运行多久。
    complete
      在动画完成时执行的函数。
  .slideToggle(opacity)
    opacity
      一组包含动画选项的值的集合。
  .slideToggle([duration][,easing][,complete])
    duration
      一个字符串或者数字决定动画将运行多久。
    easing
      一个字符串,表示过度使用哪种缓动函数。
    complete
      在动画完成时执行的函数。
  效果:
    $("input").click(function(){
      $('#div1').slideToggle(2000)
    })

jQuery 效果使用的更多相关文章

  1. 在网站开发中很有用的8个 jQuery 效果【附源码】

    jQuery 作为最优秀 JavaScript 库之一,改变了很多人编写 JavaScript 的方式.它简化了 HTML 文档遍历,事件处理,动画和 Ajax 交互,而且有成千上万的成熟 jQuer ...

  2. jQuery 效果 —— 滑动

    jQuery 效果 -- 滑动 1.向下滑动元素 (1)使用slideDown()方法可以用于向下滑动元素 $("button").click(function(){ $(&quo ...

  3. jQuery 效果 —— 隐藏和显示

    jQuery 效果 -- 隐藏和显示 1.隐藏和显示 (1)在jQuery中我们可以使用hide()和show()分别隐藏和显示HTML元素: //隐藏元素 $("button") ...

  4. jQuery 效果函数

    jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数( ...

  5. JQuery: JQuery效果(隐藏、显示、切换,滑动,淡入淡出,以及动画)

    JQuery:效果 JQuery效果有很多,包括隐藏.显示.切换,滑动,淡入淡出,以及动画等.隐藏:JQuery hide() 显示:JQuery show() 切换:JQuery toggle() ...

  6. jquery效果- 显示和隐藏 淡入淡出 滑动 隐藏

    jQuery 效果- 隐藏和显示:hide() 和 show() 规定隐藏/显示的速度,可以取以下值:"slow"."fast" 或毫秒 您可以使用 toggl ...

  7. Jquery效果代码--(二)

    //jQuery 效果- 隐藏和显示.通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: //掩藏效果演示: $(document).ready(fun ...

  8. jQuery 效果方法

    jQuery 效果方法 下面的表格列出了所有用于创建动画效果的 jQuery 方法. 方法 描述 animate() 对被选元素应用"自定义"的动画 clearQueue() 对被 ...

  9. jQuery效果:隐藏、显示、切换、滑动、淡入淡出、动画

    jQuery效果 隐藏.显示.切换.滑动.淡入淡出.以及动画 1.隐藏与显示(改变:display:none;) hide()--隐藏 show()--显示 toggle()方法:可以使用它来切换hi ...

  10. Ajax或JS动态添加的元素,Jquery效果不起作用

    问题: 最近在做一个Ajax分页的功能,遇到一个问题 一开始jquery效果是可用的,但是,ajax执行一次之后,jquery效果就无效了. 解决办法: 可以添加live事件来解决 W3C关于live ...

随机推荐

  1. 宋宝华: 关于Linux进程优先级数字混乱的彻底澄清

    宋宝华: 关于Linux进程优先级数字混乱的彻底澄清 原创: 宋宝华 Linux阅码场 9月20日 https://mp.weixin.qq.com/s/44Gamu17Vkl77OGV2KkRmQ ...

  2. SigmoidCrossEntropyLoss

    http://blog.csdn.net/u012235274/article/details/51361290

  3. DEDE日期调用小插件

    在日期文本框里面,点击的时候,下面出来一个和万年历一样的日期选择表,在dede里面,有一个现成的js小插件,直接调用就OK了... <input type="text" on ...

  4. Docker学习笔记(1)-简介

    1. 简介 Docker使用Google公司推出的Go语言开发实现,基于Linux内核的cgroup, namespace以及AUFS类的UnionFS等技术,对进程进行封装隔离,属于操作系统层面的虚 ...

  5. Weblogic中配置Active Directory Authentication Provider

    其要点或者容易出错的关键点是:(<>及其中说明代表需要替换的内容)         Host: ads.yourdomain.com         Host填AD服务器的域名或IP    ...

  6. 什么是css sprites,如何使用?

    css sprites:精灵图(雪碧图):把一堆小图片整合在一张大图上,通过背景图片相关设置(背景图片.背景图是否重复.背景图定位),显示图片,减轻服务器对图片的请求数量 优点: 1.减少网页的HTT ...

  7. JavaSE集合基础总览

    Java集合 Java集合,也称之为容器.基本上你写所有的Java程序,都必须要用到一个包.该API基本都位于java.util工具类包中,是JavaSE中的重中之重.简单可以总结为“1136”,分别 ...

  8. 微信小程序实战篇:商品属性联动选择(案例)

    本期的微信小程序实战篇来做一个电商网站经常用到的-商品属性联动选择的效果,素材参考了一点点奶茶. 效果演示:   商品属性联动.gif 代码示例 1.commodity.xml <!-- < ...

  9. js&jquery:添加事件的三种方法和常用的一些事件

    一.添加事件的方法 1.EventTarget.addEventListener添加 获取事件目标元素,通过addEventListener函数添加 // Assuming myButton is a ...

  10. System Center Configuration Manager 2016 配置安装篇(Part2)

    步骤4.安装SCCM当前分支(版本1802) 注意:以管理员身份在ConfigMgr服务器(CM01)上执行以下操作. 为此,在Configuration Manager服务器(CM16)上,打开W ...