javascript是前端开发在必不可少的一部分，jquery因为使用方便快捷也被广泛使用，两者都可以实现页面的效果，那你知道javascript和jquery的区别在哪里吗？这篇文章就和大家讲讲javascript和jquery的区别，感兴趣的小伙伴可以参考一下。
一、本质上的区别
JavaScript 是一种解释型脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JQuery是JavaScript的一个函数库，也可以说是JavaScript的一种框架。
JavaScript代码直接写在标签中
立即学习“Java免费学习笔记（深入）”；
jQuery的代码也写在标签中，但是一定要在HTML代码前引入jQuery库。如下图所示：
二、语法上的区别
JavaScript与jQuery在操作元素节点，属性节点，文本节点，点击事件等方面都有所不同，以下以操作元素节点为例，看看他们有什么不同。
举例1：根据ID名获取标签元素
描述：
在页面中创建两个p标签，并给他们一个class类名和ID名。便于接下来用JavaScript和jQuery对其进行获取。
用JavaScript和jQuery获取ID为first的元素，具体代码如下：
nbsp;html>1
2
var first = $("#first");var first = document.getElementById("first");
登录后复制
举例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视频教程
以上就是图文详解JavaScript和jQuery的区别的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2737577.html
