js与Jquery的区别是什么？

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

JavaScript和jQuery的区别：

一、本质上的区别：js是网页脚本语言，而jQuery是基于js语言封装出来的一个前端框架。也就是说js是一种语言，而jQuery是基于该语言的一种框架。

二、用法上的区别：

1. 外观上jQuery对象比js对象多了"$()"，这是最直观的区别；

2. 操作内容

   非表单元素（如果是文本就用text方法，如果是html代码就用html方法）：

   例如：

   div.text();——无参数的情况下是取值

   div.text("aaaa");——有参数的情况下是赋值

   div.html();——无参数的情况下是取值

   div.html("aaaa");——有参数的情况下是赋值

   表单元素：

   JavaScript：div.value;——取值；div.value = xxx;——赋值；

   jQuery：div.val();——无参数是取值，有参数是赋值。

3. 操作属性

   JavaScript里面用来操作属性的方法：

   div.setAttribute("","");——设置属性、修改属性

   div.removeAttribute("");——移除属性，引号里面写一个属性名

   div.getAttribute();——获取属性

   jQuery里面用来操作属性的方法：

   添加属性：div.attr("test","aa"); ——给这个attr方法加入参数，属性名叫做test，属性的值是aa

   移除属性：div.removeAttr("test"); ——移除test这条属性

   获取属性：div.attr("test"); —— 在attr方法里面直接写入一个属性的名就可以了

4. 操作样式

   JavaScript里面操作样式的关键字是style

   例：div.style.backgroundColor = "red";——把这个div的背景色设置成为了红色

   

   jQuery里面操作样式的关键字是css

   例：div.css("background-color","yellow");——把这个div的背景色变为黄色，在这里CSS里面所有的样式和css样式表里面的样式是一模一样的没有任何变化。

   

   JavaScript操作样式的方法只能获取内联样式，不能取内嵌的和外部的。

   jQuery操作样式的方法可以是内联的也可以是内嵌的。

1、js  全称 javascript 是 web客户端 运行的 解释性语言。

2、jquery  只不过是  js 封装 简化了 ajax 和 dhtml 的  一款js 框架而已。

拓展资料

1、Javascript，一种高级编程语言，通过解释执行，是一门动态类型，面向对象（基于原型）的直译语言。它已经由欧洲电脑制造商协会通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器（Chrome、IE、FireFox等）支持。

JavaScript是一门基于原型、函数先行的语言，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持I/O，比如网络、存储和图形等，但这些都可以由它的宿主环境提供支持。

JavaScript虽与Java有很多相似性，但这两门编程语言从设计之初就有很大的不同，JavaScript的语言设计主要受到了Self（一种基于原型的编程语言）和Scheme（一门函数式编程语言）的影响。在语法结构上它又与C语言有很多相似（例如if条件语句、while循环、switch语句、do-while循环等）。

2、jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

js与Jquery的具体区别：

js                                                 Jquery  

• JQuery规范名称                             DOM规范

• cellspacing                                    cellSpacing

• class                                                className

• colspan                                          colSpan

• cssFloat                                         IE中是styleFloat，其他浏览器是cssFloat

• float                                               IE中是styleFloat，其他浏览器是cssFloat

• for                                                  htmlFor

• frameborder                                frameBorder

• maxLength                                  maxLength

• readonly                                      readOnly

• rowspan                                       rowSpan

• stylefloat                                      IE中是styleFloat，其他浏览器是cssFloat

• tabindex                                       tabIndex

• usemap                                         useMap

拓展资料

jQuery

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。

jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。