js与Jquery的区别是什么?

 我来答
休闲娱乐chl
高粉答主

2018-06-14 · 每个回答都超有意思的
知道大有可为答主
回答量:5627
采纳率:100%
帮助的人:148万
展开全部

两者的主要区别:

1、在build/webpack.dev.conf.js和build/webpack.prod.conf.js中配置即可。

2、在模块中使用的时候代码如下:plugins:[//这里是需要导入的插件列表,定意思jquery为全局参数newwebpack.ProvidePlugin({$:'jquery',jquery:'jquery','window.jQuery':'jquery',jQuery:'jquery'})]

可以使用import的这种写法:importjQueryfrom'jQuery'ready:function()

{varself=this;jQuery(window).resize(function(){self.$refs.thisherechart.drawChart();})}。仔稿

3、jquery 理解成js的封装,使js更加简洁,快捷。它首山把相同的操作封装起来,使用的时候直接调用。

拓展资料

js是脚本语言 有自己的变量和方法,多用于表单验证和与用户的交互性以及动态效果念芹孝 功能强大
但是有时候使用起来很麻烦,所以就出了 jquery框架,它是对js常用的方法进行封装处理 形成自己的一套结构,使用的时候 需要加载jquery库 使用更少的代码 能做更多的事。

赞的都帅
高粉答主

2018-06-13 · 说的都是干货,快来关注
知道小有建树答主
回答量:150
采纳率:100%
帮助的人:4.8万
展开全部

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

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
霁月纷纷
2018-06-24 · TA获得超过1.4万个赞
知道答主
回答量:167
采纳率:0%
帮助的人:6.9万
展开全部

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操作样式的方法可以是内联的也可以是内嵌的。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友d10f958
高粉答主

2018-06-14 · 繁杂信息太多,你要学会辨别
知道大有可为答主
回答量:598
采纳率:100%
帮助的人:21.2万
展开全部

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+等。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
guolongjia12
2018-06-18 · TA获得超过2.1万个赞
知道小有建树答主
回答量:99
采纳率:0%
帮助的人:2.9万
展开全部

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交互。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(11)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式