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 捕獲