jquery语法与js的区别 js和jquery的哪个方便

jq和js有什么区别呀？

如果把js比作面条，那么jq就是方便面，前者需要你经过一些比较复杂的操作才能吃进嘴里，而后者则事先已经帮你做好了一切，你只需用开水泡一泡就能吃了。简言之，jq把js常用的功能代码封装为方便调用的代码库（或者说框架），提供了简便的js设计模式，优化网页文档操作、事件处理、动画设计和Ajax交互等。

再来个通俗的比喻帮助你理解：用原生js编程，就好比自己买菜买肉买米买面回家自己做饭吃，虽然过程比较繁琐辛苦，但能够做出有自己特色的饭菜（当然可能好吃也可能不好吃）；而用jq则相当于下馆子或者点外卖，食物都是别人做好的，自己不懂做饭也没关系，会吃就行，而且饭菜的质量一般也是有保障的。

相关问答

Q1: js与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+等。

Q2: jquery和JavaScript有什么区别？

我在这里列出了它们的本质区别和用法区别：

一、本质区别：

1.js都知道是网页脚本语言，类似java是一种开发常用语言；

2.jQuery是基于js语言封装出来的一个前端框架；

所以最本质的区别就是js是一种语言，而jQuery是基于该语言的一种框架。除却最本质的区别还有一些用法上的差别。

二、用法区别：

1.外观上

jQuery对象比js对象多了"$()"一层马甲，这是最直观的区别；

2.操作内容

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

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

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

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

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

②.表单元素

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

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

3.操作属性

JS里面用来操作属性的方法是

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

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

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

JQUERY里面用来操作属性的方法

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

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

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

4.操作样式

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

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

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

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

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

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

以上就是我总结它们两者的区别，希望对你有所帮助。

Q3: js与Jquery的区别是什么？

两者的主要区别：

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库 使用更少的代码 能做更多的事。

关于jquery语法与js的区别和js和jquery的哪个方便的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。