js与Jquery的区别是什么？

Question

js与Jquery的区别是什么？

Answer 1

①.根据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+等。