1.jquery 8大選擇器：基本、屬性選擇器，層級、子元素選擇器，內容、可見性選擇器，表單、表單屬性選擇器
2.jquery dom元素操作（對象訪問）
     each()   $("img").each(function{alert("test each()";});
     size()   $("img").size();計算dom元素的個數
    length  $("img").length; 同上
    get()   $("img").get(); 獲取dom元素的集合
    get(index) $("img").get(0);獲取某一個dom元素
    index(subject) $("li").index($("#bar"))   獲取索引值
3.屬性操作：
    attr(name,val);
    removeAttr(name)
    html() //獲取 html("append"); 負值
    text() 同上
    val()取當前值
4.css相關操作
    css:
            css(name,val);
    位置：
            offset()   $("p:last").offset({top:30,left:20});  設置匹配元素相對于document對象的坐標
            postion() var postion = $("p:first").postion();  獲取匹配元素相對父元素的偏移坐標
            scrollTop() $("p:last").scrollTop();獲取匹配元素相對滾動條頂部的偏移
            scrollLeft   $("p:last").scrollLeft;       獲取匹配元素相對滾動條左側的偏移
      尺寸：
            width();
            height();
            innerWidth();innerHeight();
            outerWidth();outerHeight();          
5.文檔處理
    內部插入：
        append();在匹配元素中插入
        appendTo();被插入
        prepend();
        prependTo()
    外部插入：
        after();  $("p").after("<b>ss</b>");  放到匹配元素后面
        insertAfter(); 把匹配元素放到后面
        before();
        insertBefor()
    包裹：
        wrap(html,elem,fn);  作用與內部插入appendTo()差不多
        unwrap();  移除父元素
        wrapInner(html,elem,fn); 作用與wrap相反，在匹配元素內部包裹
    替換： replaceWith(); replaceAll();
    刪除： 
     empty();  清空匹配元素的所有子元素
    remove();  只清空匹配元素，不清空匹配元素內容
    復制：clone();clone(true);
6.篩選
    過濾：
        eq(index); 取得index處的值
        first();
        last();
        filter();   $("p").filter(".myClass,:first");    
        is();    $("input[type='checkbox']").parent.is("form");是form,則返回true,否則返回false
        has();   $("li").has("ul").css("background-color","red");
        not();   $("p").not($("#id")[0]); 刪除匹配的元素
        slice(start,end);   <p>hello</p><p>ni hao</p><p>hoo</p>   選取第一個P，$("p").slice(0,1);
    
    查找：
        find(expr)        $("p").find("span"); expr 可以像是.selected  .myClass
        children(expr)  不帶expr時是不帶查找條件所有子結點元素
        parent(expr)   查找匹配元素的唯一父元素，最后還包括匹配元素
        prev(expr)      取得前一個緊鄰元素
        next(expr)        取得后一個緊鄰元素
        subling(expr)    取得同級其它子元素集合
  7.事件
        bind(type,[data],fn);

$('#bar').bind('click', {msg: message}, function(event) {
  alert(event.data.msg);
});

        one(type,[data],fn);一次性事件綁定 ，只要第一次

$("p").one("click", function(){
  alert( $(this).text() );
});

        trigger(type,[data]);在匹配元素上觸發事件

$("form:first").trigger("submit") 不用submit提交第一個表單

//給事件傳遞一個參數
$("p").click( function (event, a, b) {
  // 一個普通的點擊事件時，a和b是undefined類型
  // 如果用下面的語句觸發，那么a指向"foo",而b指向"bar"
} ).trigger("click", ["foo", "bar"]);

//顯示Hello World!
$("p").bind("myEvent", function (event, message1, message2) {
  alert(message1 + ' ' + message2);
});
$("p").trigger("myEvent", ["Hello","World!"]);

     unbind([type],[data]);   去除綁定
    hover(overFn,outFn); 鼠標懸停時事件，不是點擊
    

$("td").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);

        toggle(fn1,fn2,fn3....)  鼠標點擊依次事件
    

 $("li").toggle(
      function () {
        $(this).css({"list-style-type":"disc", "color":"blue"});
      },
      function () {
        $(this).css({"list-style-type":"disc", "color":"red"});
      },
      function () {
        $(this).css({"list-style-type":", "color":"});
      }
    );

8.效果
    基本：
        show(); 也可帶參數show(speed,callback)
        hidden();也可帶參數hidden(speed,callback)
        toggle();也可帶參數toggle(speed,callback);
    滑動：
        slideDown(speed,[callback]);
        slideUp(speed,[callback]);
        slideToggle(speed,[callback]);
    淡入淡出：
        fadeIn(speed,[callback]);
        fadeOut(speed,[callback]);
        fadeTo(speed,opacity,[fn]); //opacity,不透明度值(0到1之間的數字
    動畫效果：
        animate(parames,[duration],[easing],[callback])
       

paramsOptions

一組包含作為動畫屬性和終值的樣式屬性和及其值的集合

duration (可選)String,Number

三種預定速度之一的字符串("slow", "normal", or "fast")或表示動畫時長的毫秒數值(如：1000)

easing (可選)String

要使用的擦除效果的名稱(需要插件支持).默認jQuery提供"linear" 和 "swing".

callback (可選)Function

在動畫完成時執行的函數

// 在一個動畫中同時應用三種類型的效果
$("#go").click(function(){
  $("#block").animate({ 
    width: "90%",
    height: "100%", 
    fontSize: "10em", 
    borderWidth: 10
  }, 1000 );
});

 9.數組對象操作
    $.each(Array or Object,[callback]); // 遍歷數組或對象
      

//例遍對象，同時使用成員名稱和變量內容。
$.each( { name: "John", lang: "JS" }, function(i, n){
  alert( "Name: " + i + ", Value: " + n );
});

      $.grep(array,callback,[invert]) //過濾數組元素

//過濾數組中大于 0 的元素
$.grep( [0,1,2], function(n,i){
  return n > 0;
});
結果：[1,2]

    $.map(array,callbak)//  對數組內元素操作，得到新的數組
    

//將原數組中每個元素加 4 轉換為一個新數組。
$.map( [0,1,2], function(n){
  return n + 4;
});

//原數組中大于 0 的元素加 1 ，否則刪除

$.map( [0,1,2], function(n){
  return n > 0 ? n + 1 : null;
});

    $.makeArray(obj) //將類數組對象轉換為數組對象

<div>First</div><div>Second</div><div>Third</div><div>Fourth</div>

var arr = jQuery.makeArray(document.getElementsByTagName("div"));
arr.reverse(); // 使用數組翻轉函數

Fourth
Third
Second
First

        $.inArray(val,array)  //確定第一個參數在數組中的位置(索引值) ,沒有則返回-1
    
        $.toArray();           //將多個DOM元素轉變成一個數組
        $.merge(arr1,arr2);//合并兩個數組
        $.unique(array);//刪除重復元素，但是只對dom元素的數組好使，對數字或字符串數組不好使
 10.判斷操作
        $.contains(container,contained)  //一個DOM節點是否包含另一個DOM節點
        $.isEmptyObject(obj)   //判斷是否為空對象，即不包含任何屬性
        $.trim(str)   去首尾空格