①.根據(jù)ID取元素

JS:取到的是一個DOM對象。

例：var div = document.getElementByID("one");

JQUERY:取到的是一個JQUERY對象。

例：var div = $("#one");——括號里面是根據(jù)某個東西來找，相當(dāng)于一個選擇，如果我們要根據(jù)ID來找，在樣式表里的ID是用#來表示的，所以在這里我們直接帶入井號，整句的意思就是根據(jù)ID為one的來查找。

②.根據(jù)class取元素，在數(shù)組里面如果要取DOM對象使用索引的方式，如果要取JQUERY對象使用eq()

JS:取到的是一個數(shù)組

例：var div = document.ElementsByClassName("test");

JQUERY:

例：var div = $(".test");

③.根據(jù)name取元素

JS：返回的是一個數(shù)組

例：var bd = document.getElementsByName(uid);

JQUERY：的方式是用 方括號，屬性=一個值，不限制非要根據(jù)name來取值，JQUERY是根據(jù)屬性來取元素

例：$("[name='uid']");

④.根據(jù)標(biāo)簽名取元素

JS：返回的也是一個數(shù)組

例：var div = document.getElementsByTagName("div");

JQUERY：和樣式表里面給所有div加樣式的方法一樣，在雙引號內(nèi)直接寫標(biāo)簽名

例：$("div");

拓展資料

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設(shè)計的宗旨是"write Less，Do More"，即倡導(dǎo)寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計模式，優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計和Ajax交互。

jQuery的核心特性可以總結(jié)為:具有獨特的鏈?zhǔn)秸Z法和短小清晰的多功能接口;具有高效靈活的css選擇器，并且可對CSS選擇器進(jìn)行擴(kuò)展;擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。