首页技术jquery与js的区别,js和jquery的哪个方便

jquery与js的区别,js和jquery的哪个方便

编程之家2026-06-15890次浏览

各位老铁们,大家好,今天由我来为大家分享jquery与js的区别,以及js和jquery的哪个方便的相关问题知识,希望对大家有所帮助。如果可以帮助到大家,还望关注收藏下本站,您的支持是我们最大的动力,谢谢大家了哈,下面我们开始吧!

jquery与js的区别,js和jquery的哪个方便

js与jquery的区别

一、本质区别:

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

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

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

二、用法区别:

1.外观上jQuery对象比js对象多了"$()"一层马甲,这是最直观的区别;

jquery与js的区别,js和jquery的哪个方便

2.操作内容

①.非表单元素(如果是文本就用text方法,如果是html代码就用html方法)

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

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

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

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

jquery与js的区别,js和jquery的哪个方便

②.表单元素

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

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

js和jquery的区别

本质上的区别

JavaScript是通过标签插入到HTML页面,可由所有的现代浏览器执行的一种轻量级的编程语言。

JQuery是一个JavaScript函数库。或者说是JavaScript。

使用JQuery首先要在 HTML代码最前面加上对 jQuery库的引用,比如:

库文件既可以放在本地,也可以直接使用知名公司的 CDN,好处是这些大公司的 CDN比较流行,用户访问你网站之前很可能在访问别的网站时已经缓存在浏览器中了,所以能加快网站的打开速度。另外一个好处是显而易见的,节省了网站的流量带宽。

例如:

<script src=""></script>

//Google

//G或者:

<script src=""></script>

//jQuery官方

JavaScript是网页编程语言,而jQuery是一个基于js编写的框架;

jquery就是基于JavaScript语言写出来的一个框架,实质上还是js而已

So:

jQuery是一个 JavaScript库;

jQuery极大地简化了 JavaScript编程;

jQuery使JavaScript更好用;

jquery就是要用更少的代码,漂亮的完成更多的功能;

最直观的区别就是:外观上jQuery对象比js对象多了"$()"。

操作属性

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

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

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

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

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

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

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

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

操作样式

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

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

请点击输入图片描述

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

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

请点击输入图片描述

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

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

一些方法对比:

⑴使用JavaScript和jQuery分别加载DOM

JavaScript只会执行一次,而jQuery会执行多次

⑵使用JavaScript和jQuery获取ID

JavaScript:

document.getElementById(‘idName')

JQuery:

$('#idName')

⑶使用JavaScript和jQuery获取class

JavaScript没有默认的获取class的方法

JQuery:

$('.className')

使用jQuery最大的好处是少量的代码做更多的事情,与JavaScript相比,jQuery的语法更加简单。

好了,文章到这里就结束啦,如果本次分享的jquery与js的区别和js和jquery的哪个方便问题对您有所帮助,还望关注下本站哦!

前端开发工资一般多少?前端工程师airbag?airbag是什么东西