为什么要使用jquery

web前端|js教程为什么要使用jquery

使用jquery

web前端-js教程

最新拆红包源码裂变红包,ubuntu1804 分区,ettercap是爬虫吗,php数据库储存php代码,梁山seo优化lzw

推荐：《jquery视频教学》

java免费源码,查ubuntu内核信息,python写爬虫心得,php 党建,seo什么公司lzw

A、什么是jQuery

php商城模板源码,ubuntu怎么安装glib,tomcat 去掉版本号,爬虫停止响应,php加入js,成安2021年seo关键词优化lzw

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

B、为什么要使用jQuery

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

                *{            margin: 0;            padding: 0;        }        div{            width: 100px;            height: 100px;            border: 1px solid #000000;        }

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

        //使用原生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"        //     });        // })

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

使用jquery