《鋒利的JQuery》是一本國內非常不錯的JQuery入門書，基本上通讀本書后對JQuery的精髓都能掌握了，稍后再通過多加實踐應該能對Jquery有比較好的理解了。下面是筆者對整本書的讀書筆記，也算是對全書主要內容的一個總結吧。

1、JQuery分為壓縮版和非壓縮版

2、$=JQuery

3、$(document).ready(funtion(){});  相當于 $(function(){});

4、注釋用//

5、DOM對象與JQuery對象的相互轉換

    var $variable (jquery對象) =$(variable)(Dom對象);

    var variable(Dom對象)=$variable[0]或$variable.get(0)  (JQuery對象)

6、與其他JS庫沖突的解決（主要是$符號誰生效的問題）

   [1]、在其他庫之后導入

          使用前：先調用jQuery.noconflict(); ————$會被釋放給jQuery庫， 就是說在使用jquery庫之前先聲明一下 "我下面要用的是jquery的用法，$符號代表jquery了"

   [2]、在其他庫之后導入

         不必調用jQuery.noconflict(); ,直接用就行了

1、CSS是找到元素后添加樣式，jQuery是找到元素后添加行為

2、jQuery選擇器的優勢：

     [1]簡潔的寫法

     [2]支持CSS1到CSS3的選擇器

     [3]完善的處理機制，即使元素不存在也不會像JS一樣報錯

3、判斷某元素是否存在的方法

     if($("#tt").length>0)或者 if($("#tt")[0])            而不要用if($("#tt")!=null),因為永遠不為空。

4、原生js中查找或獲取元素的方法

     getElementById("id")  如 id="one"

     getElementByName("name") 如多選按鈕的 name="check"

     getElementByTag("tagname")  如<a>、<span>等html標簽

5、選擇器的分類

基本選擇器

層次選擇器

過濾選擇器

表單選擇器

6、基本選擇器

<1> $("#test")  id選擇器

<2> $(".test")  類選擇器

<3> $("p") 標簽選擇器

<4>$("*") 選擇所有元素

<5>$("div,span,.myclass") 組合

7、層次選擇器

<1>$("div span")  選擇div中  span后代元素

<2>$(“div >span”) 選擇div中span的子元素

<3>$(“.one + div”)選one的下一個div元素————相當于$(“.one”).next("div")

<4>$("#two ~ div") 選id為two的后面所有<div>兄弟元素————相當于$(“#two”).nextAll("div");

8、過濾選擇器

<1>$(" div:first") 所有div元素中第一個div
<2>$(" div:last") 所有div元素中最后一個div
<3>$(" input:not(.myclass)") 不是 class為myclass 的<input>元素
<4>$(" input:even") 索引為偶數的input
<5>$(" input:odd")索引為奇數的input
<6>$("input:eq(1)") 索引為1的input——————index從0開始
<7>$("input:gt(1)")  索引大于1的input
<8>$("input :lt(1)") 索引小于1的input
<9>$(":header")  所有的<h1> <h2> <h3>......
<10>$("div:animated") 正在執行動畫的<div>
<11>$("div:contains('我')")   含有文本‘我’的div
<12>$("div:empty")  空的div
<13>$(" div :has(p)")   含有<p>的<div>
<14>$("div:parent")       含有子元素的<div>
<15> $(":hidden")    所有不可見元素
<16>$("div:visible")   所有的可見的<div>
<17>$(" div[id]")      擁有id屬性的<div>
<18>$(" div[title=test]")    title為test的<div>
<19> $ ("div [title!=test]") title不為test的<div>
<20> $(" div[title^=test]")    title以“test”開頭的div
<21>$ ("div [title$=test]")    title以“test”結束的div
<22>$(" div[title*=test]")          title含有test的div
<23>$("div[id][title$=test]")     組合多條件選擇

<24>:nth-child(index/even/odd/equation)  ————————index從1開始
<25>:first-child
<26>:last-child
<27> :only-child
<28> $("#form1 :enabled")            id為“form1”的表單內所有可用的元素
<29>$("#form2:disable")
<30>$("input:checked")         所有被選中的<input>元素
<31>$("select:selected")       所有被選中的<select>元素
<32>$(":input")                   所有<input> <textarea><select><button> 元素
<33>$(":text")                    所有單行文本框
<34>$(":password")           所有密碼框
<35>$(":radio")                   所有單選框
<36>$(":checkbox")             所有復選框
<37>$(":submit")               所有的提交按鈕
<38>$(":image")          所有圖像按鈕
<39>$(":reset")              所有重置按鈕
<40>$(":button")    所有按鈕
<41>$(":file")            所有上傳域
<42>$(":hidden")            所有不可見元素

 9、.click()事件中添加return false 可以使鏈接不跳轉

10、添加與去除樣式

       removeClass()

       addClass()

       這兩個可以用一個toggleClass()來代替

11、要時刻記住，如果用戶禁用了javascript后，你的頁面是不能正常處理

12、toggle()方法交替一組鼠標點擊的動作

      hover()方法交替一組鼠標滑過的動作

13、end() 方法可以返回到上一個可以操作的元素

作者：Tony zhao 歡迎訪問:找與淘網

本文出處：http://www.rzrgm.cn/ytaozhao    本文版權歸作者和博客園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責任的權利。