首页 > web前端 > js教程 > 正文

JavaScript与jQuery有什么区别

清浅
发布: 2021-04-14 10:11:14
原创
18278 人浏览过

区别:1、JavaScript是一种脚本语言,而jQuery是一个js库。2、JS中查找元素的过程中方法太少且复杂;jQ中查找元素的方法有多种多样,非常灵活。3、JS主要通过设置style来改变样式;jQ使用css()来改变样式。

JavaScript与jQuery有什么区别

本教程操作环境:windows7系统、javascript1.8.5&&jquery1.10.0版、Dell G3电脑。

JavaScript和jQuery是我们学习前端所具备的知识,那么大家知道他们俩之间有什么区别吗,接下来将在文章中和大家分享

JavaScript

JavaScript是一种小型的轻量级的跨平台的脚本语言也是一种面向对象的程序语言并且可以通过浏览器运行程序代码。

它有许多优点比如可以在客户端进行数据验证从而可以减少网络的传输,可以方便的使用各种页面对象来进行布局,更改外观,背景,以及运行方式,可以根据用户的不同需求做出不同的页面

jQuery

jQuery其实就是一个js库即把一些常用到的方法写到一个单独的js文件,使用的时候直接去引用这js文件就可以了,但比使用JavaScript简单。

JavaScript与jQuery的区别

(1)在JavaScript中查找元素的过程中方法太少且复杂,而在jQuery中查找元素的方法有多种多样,非常灵活

(2)JavaScript在遍历数组时重复使用大量for循环,而jQuery中拥有隐式迭代特性因此不再需要手写for循环了。

(3)JavaScript有各种浏览器兼容问题,代码复杂冗余,而jQuery中完全没有兼容性问题。

(4)JavaScript实现简单的动画效果很复杂,代码量大,而jQuery中实现动画非常简单,而且功能更加的强大

(5)入口函数的区别

在JavaScript的入口函数要等到页面中所有资源(包括图片、文件)加载完成才开始执行。而在.jQuery的入口函

【推荐学习:javascript高级教程

数只会等待文档树加载完成就开始执行,并不会等待图片、文件的加载。

(6)获取元素区别

JavaScript获取的是一个DOM对象

var demo=document.getElementById("demo");
登录后复制

jQuery获取的是一个jQuery对象

var demo=$("#demo")
登录后复制

(7)属性操作的不同

JavaScript中通过如下方法进行操作

setAttribute();设置属性、修改属性
getAttribute();获取属性
removeAttribute();移除属性
登录后复制

jQuery中操作属性方法为

attr("属性名","值"):添加属性,传递两个参数时表示给这个方法加入一个参数
attr(""):获取属性,传一个参数表获取值
removeAttr(""):移除属性
登录后复制

(8)操作样式不同

JavaScript中主要是设置style来改变样式

<div style="backgroundColor="pink""></div>//设置背景颜色
登录后复制

jQuery中采用css来设置

$("div").css("background-color","yellow")//设置背景颜色
登录后复制

总结:以上就是JavaScript和jQuery的区别了,还有其他地方的区别欢迎大家补充。

相关教程推荐:jQuery教程(视频)

以上是JavaScript与jQuery有什么区别的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板