JavaScript与jQuery的区别

在本文中，我们将通过示例来学习 Javascript 和 jQuery 之间的基本区别。

Javascript： 它是一种主要用于使网站更具响应性和交互性的脚本编程语言。它是与HTML和CSS一起用于创建网页的关键部分之一。如果说HTML和CSS装饰和设计了网页，那么Javascript使网页具有了动态效果（我们可以说它赋予了网页生命）。JavaScript是一种主要的客户端语言。它不仅仅局限于网站开发，还用于许多桌面和服务器程序（Node.js是最著名的示例），以及一些数据库，如MongoDB和CouchDB，也使用JavaScript。每当您的浏览器解析网页时，它的责任是在内存中创建一个树状结构的表示。

示例： 这个示例使用了Javascript循环的概念来打印数字。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        Difference Between JavaScript and jQuery
    </title>
</head>
 
<body>
    <p>A loop with a
        <mark>continue</mark> statement.
    </p>
    <p>loop will skip the iteration where k = 7.</p>
    <p id="maddy"></p>
    <script>
        let text = "";
        let k;
        for (k = 0; k < 10; k++) {
            if (k === 7) {
                continue;
            }
            text += "The number is " + k + "<br>";
        }
        document.getElementById("maddy").innerHTML = text;
    </script>
</body>
</html>

输出：

JavaScript与jQuery的区别

jQuery: JQuery是从JavaScript开发的框架。它是由John Resign发明并于2006年1月在BarCamp NYC发布的最受欢迎的JavaScript库。它是一个免费、开源的库，是一个快速、简洁和功能丰富的JavaScript库，并且具有跨浏览器兼容性。jQuery的目的是为了让大众更轻松地使用JavaScript开发网站和基于浏览器的应用程序。简洁地说，我们可以说“jQuery是一个通过其功能丰富的库为开发人员提供更好的客户端网页开发环境的库。”

DOM操作： 可以轻松地遍历DOM元素并进行浏览器的修改。
动画：内置了许多动画功能。
HTML事件处理和操作。
Ajax使用简单，具有易于使用的API，适用于多种浏览器。
CSS操作。
具有高级UI小部件库。
跨浏览器支持： 在像Chrome、Opera等浏览器上表现良好。
轻量级： 只有19kb的大小。
还有其他常见的实用工具。

示例： 此示例使用show()方法和hide()方法切换元素的显示。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        Difference Between JavaScript and jQuery
    </title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
    </script>
</head>
 
<body>
    <script>
        (document).ready(function () {
            ("#hide").click(function () {
                ("h1").hide();
            });
            ("#show").click(function () {
                $("h1").show();
            });
        });
    </script>
    <h1>
        <mark>
            On clicking the "Hide_me" button, I will disappear.
        </mark>
    </h1>
    <button id="hide">Hide_me</button>
    <button id="show">Show_me</button>
</body>
</html>

输出： 当我们点击Hide_me按钮时，上面标记的标题将消失，但是当我们点击Show_me按钮时它将再次出现。

JavaScript与jQuery的区别

JavaScript和JQuery之间的主要区别如下：

JavaScript		jQuery
1.	JavaScript使用JIT [即时编译器]，它是解释器和编译器的结合物，用C语言编写。它是ECMA脚本和DOM（文档对象模型）的结合体。	Query利用JavaScript提供的资源使事情更加简单。它是一个轻量级JavaScript库，只有DOM。
2.	JavaScript使用长行代码，因为每个人都必须自己编写代码。	使用jQuery，我们只需要编写比JavaScript更少的代码。我们只需导入库并在代码中使用特定的函数或方法。
3.	在JavaScript中，我们必须编写额外的代码或者移动代码以实现跨浏览器兼容性。	JQuery具有内建的跨浏览器兼容性功能。我们不需要担心编写额外的代码或者移动代码以使我们的代码与任何浏览器兼容。
4.	JavaScript可能会给开发人员增加负担，因为可能需要编写大量代码来实现功能。	与JavaScript不同，JQuery更加用户友好，只需要编写少量代码就可以实现其功能。
5.	JavaScript冗长，因为我们必须编写自己的脚本代码，这需要花费时间。	JQuery是简洁的，不需要写太多脚本，因为已经存在脚本。
6.	对于DOM选择/操作，纯JavaScript可能比jQuery更快，因为JavaScript直接由浏览器处理，减少了jQuery的开销。	JQuery在现代浏览器和现代电脑上也很快。JQuery必须转换为JavaScript才能在浏览器中运行。
7.	我们可以用很多行代码在JavaScript中制作动画。动画主要是通过操作Html页面的样式来实现的。	在JQuery中，我们可以用更少的代码轻松添加动画效果。
8.	JavaScript是一种语言，显然，它比JQuery更重。	而JQuery是一个库，衍生自JavaScript，因此它更轻量级。
9.	JavaScript是一种独立的语言，可以独立存在。	JQuery是一个JavaScript库。如果JavaScript不存在，它就不会被发明出来。jQuery仍然依赖于JavaScript，因为它必须转换为JavaScript才能让浏览器内置的JavaScript引擎解释和运行它。
10.	Brendan Eich在Netscape创建了JavaScript。	jQuery由John Resig创建。
11.	JavaScript是一种编程语言。	jQuery是一种应用程序编程接口（API）。
12.	JavaScript没有特殊的符号来定义，如JQuery。	JQuery有特殊的符号来定义。
13.	JavaScript的缺点是使用起来不容易。	JQuery的优点是使用JQuery非常容易。