在jQuery出世以來，它取得很大的成就和認同。JQuery是一個輕量級的JavaScript框架，它的發(fā)布版很小僅16K左右。它能讓你方便簡潔的寫出漂亮的動畫效果、實現(xiàn)各種視覺效果，輕松的處理JavaScript的DOM數(shù)以及Ajax的交互行為。它的優(yōu)點在于輕量級、簡單易學、易擴展、跨瀏覽器和網(wǎng)上擁有大量的jQuery插件使用。由于它這一大堆的優(yōu)點，它已經(jīng)被微軟官方認可加入VS IDE中擁有強大的智能提示，并據(jù)官方的統(tǒng)計現(xiàn)在至少有20%的國際性大網(wǎng)站已經(jīng)加入jQuery作為其腳本。
1：首先是JavaScript的DOM 和 jQuery包裝集的區(qū)分
1.1:在JavaScript中我們訪問的方式是操作DOM結(jié)構(gòu),提供的可用方法有：
1: document.getElementById("ID")：根據(jù)ID獲取DOM對象。
2：document.getElementsByName("name")：根據(jù)HTML標記name屬性獲取一個DOM數(shù)組。
3：document.getElementsByTagName("Tag")：根據(jù)HTML的Tag獲取一個DOM數(shù)組。
1.2：jQuery相對DOM則提供了許多可用的方法和屬性。
jQuery簡單的獲取對象有$(“#id”) ,$(“.class”),$(“tag”)方式，它的書寫方式和css3.0相似 id用#，class（css）用.，HTMl Tag則直接書寫。關(guān)于jquery的選擇器在下面講述，這里不急。
1.3:JavaScript的DOM對象轉(zhuǎn)可以化為jQuery包裝集：通過$(element)赴會就為jQuery包裝集。
2：jQuery最強大的就是提供了一個萬能的屬性選擇器。
選擇表達式 | 說明 | 舉例 |
#id | 根據(jù)給定的ID匹配一個元素用# | $("#testDiv2") 獲取ID為testDiv2的元素 |
.class | 根據(jù)給定的類匹配元素(也就是取class的值)用. | $(".myDiv") 獲取class為myDiv的一組元素 |
element | 根據(jù)給定的元素名匹配所有元素,直接寫上元素名例如(p,a,input,div等) | $("div") 獲取所有的div元素 |
selector1,selector2,selectorN | 將每一個選擇器匹配到的元素合并后一起返回,選擇器可以是id,class,element用,隔開 | $("#testDiv2,p") $("p,span,div.myDiv") 獲取所有的p,span和class為myDiv的元素 |
