①.根據ID取元素

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

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

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

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

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

JS:取到的是一個數組

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

JQUERY:

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

③.根據name取元素

JS：返回的是一個數組

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

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

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

④.根據標簽名取元素

JS：返回的也是一個數組

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

JQUERY：和樣式表里面給所有div加樣式的方法一樣，在雙引號內直接寫標簽名

例：$("div");

拓展資料

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

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