Rumah > Artikel > hujung hadapan web > 图文详解JavaScript和jQuery的区别
JavaScript是前端开发在必不可少的一部分,jQuery因为使用方便快捷也被广泛使用,两者都可以实现页面的效果,那你知道JavaScript和jQuery的区别在哪里吗?这篇文章就和大家讲讲JavaScript和jQuery的区别,感兴趣的小伙伴可以参考一下。
一、本质上的区别
JavaScript 是一种解释型脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JQuery是JavaScript的一个函数库,也可以说是JavaScript的一种框架。
JavaScript代码直接写在5cd6e472395e766622bc5d31b556eb7a2cacc6d41bbb37262a98f745aa00fbf0标签中
jQuery的代码也写在5cd6e472395e766622bc5d31b556eb7a2cacc6d41bbb37262a98f745aa00fbf0标签中,但是一定要在HTML代码前引入jQuery库。如下图所示:
二、语法上的区别
JavaScript与jQuery在操作元素节点,属性节点,文本节点,点击事件等方面都有所不同,以下以操作元素节点为例,看看他们有什么不同。
举例1:根据ID名获取标签元素
描述:
在页面中创建两个p标签,并给他们一个class类名和ID名。便于接下来用JavaScript和jQuery对其进行获取。
用JavaScript和jQuery获取ID为first的元素,具体代码如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p class="pp" id="first">1</p> <p class="pp">2</p> </body> <script type="text/javascript"> var first = $("#first"); var first = document.getElementById("first"); </script> </html>
举例2:根据class获取标签元素
var pp = $(".pp");//返回的是一个jQuery对象,通过pp[i]能取到具体元素 var pp = document.getElementsByClassName("pp");//返回的是元素列表,通过pp[i]能取到具体元素
举例3:根据标签名获取标签元素
var p = $("p");//返回的是一个jQuery对象,通过p[i]能取到具体元素 var p = document.getElementsByTagName("p");//返回的是元素列表,通过p[i]能取到具体元素
JavaScript和jQuery在语法上还有很多区别,这里不做太多示范,不清楚的小伙伴可以参考PHP中文网的效果文章,或者访问 JavaScript视频教程。
总结JavaScript与jQuery的区别:
1、没有javascript就没有jquery,他们是父子关系
2、jquery是对javascript的一种封装,jQuery比JavaScript更简洁
3、jquery是javascript更简单应用的脚本,在写脚本时,javascript与jquery语法基本兼容
以上给大家介绍了JavaScript与jQuery的区别,希望对你有所帮助!
更多相关教程请访问 JavaScript中文参考手册
Atas ialah kandungan terperinci 图文详解JavaScript和jQuery的区别. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!