JavaScript和jQuery的区别有哪些

发布时间：2020-09-15 09:32:18 作者：小新
来源：亿速云阅读：193

小编给大家分享一下JavaScript和jQuery的区别有哪些，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

一、本质上的区别

JavaScript 是一种解释型脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

JQuery是JavaScript的一个函数库，也可以说是JavaScript的一种框架。

JavaScript代码直接写在<script type="text/javascript"></script>标签中

jQuery的代码也写在<script type="text/javascript"></script>标签中，但是一定要在HTML代码前引入jQuery库。如下图所示：

JavaScript和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在语法上还有很多区别，这里不做太多示范，不清楚的小伙伴可以参考亿速云的效果文章，或者访问 JavaScript视频教程。

总结JavaScript与jQuery的区别：

1、没有javascript就没有jquery,他们是父子关系
2、jquery是对javascript的一种封装，jQuery比JavaScript更简洁
3、jquery是javascript更简单应用的脚本，在写脚本时，javascript与jquery语法基本兼容

以上是JavaScript和jQuery的区别有哪些的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！

JavaScript和jQuery的区别有哪些

相关阅读