返回顶部
首页 > 资讯 > 前端开发 > VUE >有js还用jquery的原因是什么
  • 793
分享到

有js还用jquery的原因是什么

2024-04-02 19:04:59 793人浏览 安东尼
摘要

本文小编为大家详细介绍“有js还用Jquery的原因是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“有js还用jquery的原因是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新

本文小编为大家详细介绍“有js还用Jquery的原因是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“有js还用jquery的原因是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

因为jquery简化了使用javascript进行网页特效开发的一些复杂性,提供了对常见任务的自动化和复杂任务的简化;使用jquery不仅能够将原本需要很多JavaScript代码才能实现的功能缩减为几行代码,而且提供了足够高速的性能,因此有JavaScript还需要使用jquery来减少代码行。

教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

有js为什么还用jquery

jQuery是一个JavaScript库,因此它可以在JavaScript之上运行。它不能单独存在,因此您不能在一个之上使用它。您可以只使用JavaScript或JavaScript和jQuery。引入jQuery是为了简化JavaScript开发。它将减少开发时间。用它来添加动画,甚至在您的网站上进行处理。

jQuery简化了html文档的遍历,事件处理,动画和ajax交互,从而实现了快速的web开发。与JavaScript及其其他JavaScript库相比,jQuery更易于使用。与JavaScript相比,使用jQuery时需要编写更少的代码行。

jQuery是一套JavaScript的库,它简化了使用JavaScript进行网页特效开发的一些复杂性,提供了对常见任务的自动化和复杂任务的简化。使用jQuery不仅能够将原本需要很多JavaScript代码才能实现的功能缩减为几行代码,而且提供了足够高速的性能。

举个栗子,假设我们现在有以下基本网页:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        div{
            width: 100px;
            height: 100px;
            border: 1px solid #000000;
        }
    </style>
</head>
<body>
<div></div>
<div></div>
<div id="box2"></div>
</body>
</html>

然后我们分别使用原生JavaScript、jQuery来改变上面三个div的背景颜色。

<script>
        //使用原生JavaScript改变背景颜色
        window.onload = function (ev) {
            var div1 = document.getElementsByTagName("div")[0];
            var div2 = document.getElementsByClassName("box1")[0];
            var div3 = document.getElementById("box2");
            // console.log(div1);
            // console.log(div2);
            // console.log(div3);
            div1.style.backgroundColor = "red";
            div2.style.backgroundColor = "yellow";
            div3.style.backgroundColor = "blue";
        }
  
        //使用jQuery改变背景颜色
        // $(function () {
        //     var $div1 = $("div")[0];
        //     var $div2 = $(".box1")[0];
        //     var $div3 = $("#box2")[0];
        //     // console.log($div1);
        //     // console.log($div2);
        //     // console.log($div3);
        //     $div1.CSS({
        //         background: "red"
        //     });
        //     $div2.css({
        //         background: "yellow"
        //     });
        //     $div3.css({
        //         background: "blue"
        //     });
        // })
    </script>

对比两种方法,我们可以看到使用jQuery的好处最直接的是:可以根据CSS选择器快速地获取DOM元素。另外在修改DOM元素的CSS样式时,与style标签编程格式相似,方便记忆。当然, 使用jQuery还有别的好处,这在后面的学习中继续发现挖掘。

读到这里,这篇“有js还用jquery的原因是什么”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程网VUE频道。

--结束END--

本文标题: 有js还用jquery的原因是什么

本文链接: https://lsjlt.com/news/98000.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 有js还用jquery的原因是什么
    本文小编为大家详细介绍“有js还用jquery的原因是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“有js还用jquery的原因是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新...
    99+
    2024-04-02
  • 用jquery的on原因是什么
    这篇文章主要介绍用jquery的on原因是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 在jquery中,因为需要在被选元素及子元素上添加一个或者多...
    99+
    2024-04-02
  • 使用了索引查询还是慢的原因是什么
    本篇内容介绍了“使用了索引查询还是慢的原因是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!案例剖析 言...
    99+
    2024-04-02
  • php6没有的原因是什么
    本篇内容主要讲解“php6没有的原因是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“php6没有的原因是什么”吧!没有php6的原因:1、开发小组认为,如果不能完全解决Unicode就不能称...
    99+
    2023-07-04
  • 电脑插上耳机还是外放是什么原因
    电脑插上耳机还是外放是由于驱动程序、设置、插孔故障、软件冲突或硬件问题所导致。详情介绍:1、驱动程序,更新或重新安装音频驱动程序;2、设置,进入控制面板或系统设置来更改默认音频输出设备,确保选择的是耳机插孔;3、插孔故障,将耳机插入其他电脑...
    99+
    2023-08-17
  • 使用redis的原因是什么
    这篇文章给大家分享的是有关使用redis的原因是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Redis是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的...
    99+
    2024-04-02
  • js中Proxy一定要配合Reflect使用的原因是什么
    这篇文章主要介绍“js中Proxy一定要配合Reflect使用的原因是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“js中Proxy一定要配合Reflect使用的原因是什么”文章能帮助大家解决问...
    99+
    2023-06-29
  • javascript没有权限的原因是什么
    这篇文章主要讲解了“javascript没有权限的原因是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript没有权限的原因是什么”吧!ja...
    99+
    2024-04-02
  • php_eol没有换行的原因是什么
    小编给大家分享一下php_eol没有换行的原因是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!php_eol是文本换行,只对文本文件有效,在浏览器并不能如常显...
    99+
    2023-06-15
  • linux没有病毒的原因是什么
    本篇内容介绍了“linux没有病毒的原因是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!linux不是没有病毒,而是病毒少。病毒少的原因...
    99+
    2023-07-04
  • JS中小数相加不精确的原因是什么
    这篇文章主要介绍“JS中小数相加不精确的原因是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JS中小数相加不精确的原因是什么”文章能帮助大家解决问题。Javascript中小数相加的问题在Jav...
    99+
    2023-07-06
  • es6引用let的原因是什么
    这篇文章主要讲解了“es6引用let的原因是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“es6引用let的原因是什么”吧! ...
    99+
    2024-04-02
  • linux要用select的原因是什么
    本篇内容介绍了“linux要用select的原因是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2023-02-01
    linux select
  • js和jquery指的是什么意思
    这篇文章主要介绍了js和jquery指的是什么意思,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 js和jque...
    99+
    2024-04-02
  • Python没有main函数的原因是什么
    为什么必须强制main函数作为入口?这些语言都是编译语言,需要将代码编译成可执行的二进制文件。为了让操作系统/引导程序找到程序的开头,需要定义这样一个函数。简而言之,需要在大量可执行的代码中定义一个至关重要的的开头。不难看出,对于这些语言来...
    99+
    2023-05-14
    Python main
  • linux具有稳定性的原因是什么
    这篇文章主要介绍了linux具有稳定性的原因是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇linux具有稳定性的原因是什么文章都会有所收获,下面我们一起来看看吧。linux具有稳定性是因为它没有像其它操作...
    99+
    2023-07-05
  • Java中提供synchronized后还要提供Lock的原因是什么
    这篇文章主要介绍“Java中提供synchronized后还要提供Lock的原因是什么”,在日常操作中,相信很多人在Java中提供synchronized后还要提供Lock的原因是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作...
    99+
    2023-06-29
  • ERR_CONNECTION_REFUSED是什么原因
    ERR_CONNECTION_REFUSED原因:1、服务器未启动或未正常运行;2、服务器防火墙设置;3、网络问题;4、DNS问题。ERR_CONNECTION_REFUSED是错误消息,通常在浏览器上出现。它表示浏览器无法建立与目标服务器...
    99+
    2023-08-03
  • runtime error的原因是什么
    这篇文章主要介绍“runtime error的原因是什么”,在日常操作中,相信很多人在runtime error的原因是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”runtime error的原因是什么...
    99+
    2023-06-20
  • win11卡的原因是什么
    这篇文章主要介绍“win11卡的原因是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“win11卡的原因是什么”文章能帮助大家解决问题。一、安装适配如果系统刚刚装好,可能需要一段时间适应配置。一般...
    99+
    2023-07-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作