jQuery教程

一、Jquery语法
  <1>、全部的jQuery函数位于document ready函数中：
 $(document).ready(function(){
 });
  <2>、简写
  $(function(){
});
二、jQuery选择器
  <1>选取元素的标签：如：$（“p”），p标签；
  <2>选取元素的ID号：如：$("#s"),Id="s";
  <3>选取元素的Class:如：$(".s"),class="s";

三、jQuery效果

 《1》使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：

      使用 toggle() 方法来切换 hide() 和 show() 方法。显示被隐藏的元素，并隐藏已显示的元素：

   《2》淡入浅出

         jQuery fadeIn() 用于淡入已隐藏的元素；jQuery fadeOut()方法用于淡出可见元素；jQuery fadeToggle()方法能够在 fadeIn() 与 fadeOut() 方法之间进行切换（若是元素已淡出，则 fadeToggle() 会向元素添加淡入效果。若是元素已淡入，则 fadeToggle() 会向元素添加淡出效果）；jQuery fadeTo()方法容许渐变为给定的不透明度（值介于 0 与 1 之间）。

  《3》滑动

           jQuery slideDown() 方法用于向下滑动元素。jQuery slideUp() 方法用于向上滑动元素。

          Query slideToggle() 方法能够在 slideDown() 与 slideUp() 方法之间进行切换（若是元素向下滑动，则 slideToggle() 可向上滑动它们；若是元素向上滑动，则 slideToggle() 可向下滑动它们。）

    《4》动画

         animate() 方法用于建立自定义动画,    请注意，生成动画的过程当中可同时使用多个属性：

实例

$("button").click(function(){
  $("div").animate({
    left:'250px',
    opacity:'0.5',
    height:'150px',
    width:'150px'
  });
}); 

   《5》中止动画

   jQuery stop() 方法用于中止动画或效果，在它们完成以前。

   《6》jQuery Callback 方法

        Callback 函数在当前动画 100% 完成以后执行

使用 callback 实例

$("button").click(function(){
  $("p").hide("slow",function(){
    alert("The paragraph is now hidden");
  });
});

    《7》jQuery - Chaining（jQuery 方法连接）

      实例：$("#p1").css("color","red").slideUp(2000).slideDown(2000);

 四、jQuery HTML

  《1》jQuery 捕获