Jquery 效果使用详解

2020-05-29 07:18:32易采站长站整理

jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的!

.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