jquery是什么

hello， 大家好，我是 sunday。 自从做了前端训练营以来啊，总是有很多的同学会问我说，这个技术要不要学啊？那个技术要不要学啊？ 前端技术站在这些年之中呢，发展是非常迅速的，不断的有新的技术呈现出来，比如说办 we， 还有前几天啊，刚刚发布的新框架 nue。 但是同样的，新的技术的出现，总会意味着旧的技术终将落幕。那么这次视频我们就来看一看那些已经落后于时代的外部开发技术。 首先第一个就是 jkery， jkery 是二零零六年创建的，曾经一度成为最流行的前端开发户之一，其声带系统中呢，有超过百万的插件数量。 jk 瑞最大的优势就是提供了一系列的方法，解决了浏览器之间的兼容性问题，但是随着浏览器的差异变得越来越小， i 一退出市场，浏览器之间的兼容性问题呢，也逐渐不再被大家关注。所以说 jk 瑞就不要再去学了， 大家也不用担心说有些公司还在用景凯瑞啊，那我要是不学了，这些工作不就没有机会了吗？相信我，这样的公司啊，你肯定不会想去的。 第二个呢叫做 boss drive， boss drive 啊是一个 ui 库，它提供了很多定义好的 c s s 样式，同时也提供了很多可复用的组件， 并且在之前被称之为世界上最先进的响应式前端框架。在 jk 越活跃的 时候， jkery 加 boss drive 是当时最流行的组合，没有之一。不过伴随着 jkery 的落幕， boss drive 呢，也出现了很多的可替代方案， element n t taiwan 的都是很好的替代技术。 第三个呢，叫做 future api。 我们知道阿贾克斯啊，主要是基于 xml， http 与 christ 的 es 呢，在这个基础之上实现了一个 api， 就叫做 future api。 但是 fortapi 呢，生不逢时，因为有一个更好的库叫做 excuse， 所以说 fortapi 没有必要去进行学习，我们直接刷 excuse 就可以了。第四个呢，叫做安哥拉。安哥拉一直被称为是三大框架之一，但是呢，在国内这样的一个情况下， 多少有一点面部腐蚀。大家可以去看一下我之前发过的揭秘大厂常用技术这个视频，可以看到，这里面几乎是没有安哥拉的，所以说不要再去学习安哥拉了，推荐使用更受欢迎的 view 或者 react。 第五个叫做 grant 和 gap。 grant 和 gap 呢，它们都是前端自动化勾建工具， grant 一般用于压缩文件，合并文件，简单的一些语法检查，而 gap 呢，主要用来去构建自动化工作流程。 嗯，还是在当年的 jk 时代，这两个工具也是火的一塌糊涂的。从这张图中我们也可以看出来，颇有一点 view， rect 相争的感觉，但是呢，到了现在的这个开发环境之下，这两 工具就不太适用了。 willpike， wait 这些全新的构建工具更加适合现在的一个开发环境。 第六个就是 react 类组件。熟悉 react 的同学应该都知道， react 在十六点八之后引入了 host 的概念，同时也提供了函数式组件。 react 官网中也提到了这一点，推荐使用函数式组件而放弃使用类组件。 第七就是 view 的 set up 函数。 view 三发布了 composition api， 最初的 composition api 就是通过 set up 函数来去承载的， 但是 set up 函数使用起来并没有想象中的那么优秀，很多人依然会在 view 三中去写 of 甚 cpi， 直到 view 三点二正式发布了 script set up， 才 还解决了 composition api 的推广问题。所以说不要再去使用 set up 函数了，尽早切换到 secret set up 才是正途。 第八是 ie 兼容技术。 ie 浏览器一度是占据了整个浏览器行业的霸主地位，也一度是大家的眼中钉，肉中刺， 原因就是因为 ie 浏览器啊，有很多的 api 和其他的浏览器不一样，也就是所谓的兼容性问题， 当年甚至还出现了 ie 兼容工程师这样的一个岗位。不过好在随着 ie 正式退役，卡若木一统殿下，开发者也不再需要学习那些令人头疼的兼容 ie 的技术了， 可谓是喜大土奔。第九叫做雪碧土。雪碧土也称之为是精灵土，它的 主要作用就是减少 http 的请求数量，假如你有一百张小图片，你要发起一百个请求，那么你就可以把这一百张小图片合并成一个大图片，这样发起一次请求就可以了。 但是随着 svg 使量图的普遍，这种直接使用大图 png 形式的雪碧图的使用场景就越来越少了，所以说图标的展示建议使用 svg 使量图去进行解决，不要再去使用雪碧图啦。 那么这次的视频呢，咱们主要说了九个落后的外开发技术，那么下一次视频再见喽，拜拜！

杰克瑞他是一个很多年前的技术，建议大家就是如果是你是新学前段的，不要去学，就有很多人在我的视频下方留言，就讲了各种各样的理由，为什么要学杰克瑞？我总结了一下，大概有三种理由。第一就是杰克瑞是一个底层的东西，所以必须要学， 说这个解扣，你可以学一下他框架的思想，其实他那是老思想，你不需要去学习他的思想。如果你真的要去将来往架构师方面去发展，你想学习好的框架的思想的话，你可以看一下 rappa 或者 ratex， reactor 或者 redox 他的代码，你可以去看一下他的代码，尤其是 redox， redox 的代码写的是非常好的，我就建议大家如果喜欢看代码的话，其实你可以去看 redox 的代码，他的代码的整体的架构，还有他如何去用函数式来编程，写的都非常好。大家如果真的对架构或者对什么感兴趣啊，其实去 学一下这些优秀平台的这些架构，不需要去学这种这块这种老平台的架构。然后第二点，有朋友说有些公司和项目在用这个，如果说这个公司在用这块，或者这个项目在用这块，如果你去了，那我劝你趁早离职，因为这种公司你待的时间长了之后，你的下一部分工作你是没有竞争力的。 你可能其他很多新的公司，他在走新的项目的时候，他是绝对不会用杰克瑞的，那你在市场上你把杰克瑞用的很六，其实你是没有竞争力的。所以如果说你去到一个公司发现哎，他用的是杰克瑞，那我建议大家赶紧寻找下家，赶紧离职。 然后第三，有朋友说没哪个前端不会这块的，所以需要学啊。我承认我也会这块，我在最开始做前端的时候我也用过这块，但是不代表说现在大多数前端都会这块，你就需要去学这块。

gqq 呢是一个优秀的 javascript 代码库，它的设计的宗旨呢是写更少的代码，做更多的事情。 我们在用追梦儿设计 php 网页的时候呢，经常呢可能会用到 这期视频呢，陶老师就结合更新文章的点击数这样一个实力 来向大家分享及溃疡的使用方法，建议呢，点赞收藏起来，以免呢划过之后找不到了。 我们在使用它的时候呢，首先是要引用 gq 的一个文件，我们现在用的版本呢，是这样 一个版本，那么调用了它之后呢，接下来的写法呢和原生结实的写法呢？它的开头这一部分都是 script， 那么在这个例子里面呢，我们将点赞这张图片的 id 设成了更新点击数， 显示点击数，这个 id 呢没有变，这个代码是怎么写的呢？首先我们用了这行代码，是判断我们这个网页加载完成之后，才执行下面的语句 给更新点击数这个 id 呢设置了一个点击事件，只要监测到这个点击事件呢就去 哎发送一个 u i o 请求调用我们点击数点 p h p 这样一个网页的数据啊，它也是通过 a j x 来进行调用的， 然后这样的结果呢，将这个值呢给予了变量， h t m l o b g。 好，接下来就开始啊，将我们这一个显示点击数的它的值呢设置为我们这一个变量获取到的值， 这样呢就实现了数据的异部的调用。那么说到这里呢， gqq 和原声的结实相比， 不存在绝对的哪个好，或者说哪个不好，做一种技术，我们是在实际的应用的时候，根据自己的需求来进行一个选择， 那么好，今天的分享就到这里，欢迎到陶老师主页上去观看更多的中文文可视化编程设计动态网站的视频。

j q 选择器 j q 选择器的作用是选取文档中的 h t m l 元素。节点写法上建用了 c s s 选择器与 c s s 选择器的写法，在保持一致性的同时，还添加了自己的一些选取方式。用代码解释几种基本的选择器的用法。 把元素的 id 传给 j q 函数，用 id 获取元素。用 id 获取元素，需要在 id 前面加上井号。获取元素后在控制台上显示一下，保存试一下。 打开控制台，可以在控制台中看到显示的 j q 对象，看起来跟数组一样。展开 j q 对象，可以看到选中的 d l v id 是 div 一， 可以按 class 获取元素，用 class 在 class 前面加上点保存，测试一下 展开 j q 对象，可以看到三个 class， 名字是补路的。 diy 可以按 h t m l 标签名称获取。保存测试一下展开 j q 对象，可以看到选中了所有的 d i v， 可以用 h t m l 属性名称获取，比如获取内幕属性值是 b t n 一的 h t m l。 元素。保存测试一下 展开 j q 对象，可以看到属性值是 b t n 一的按钮被选中了，还可以把多个选择器一起传给 j q 函数，多个之间用逗号隔开。保存测试一下 展开 j q 对象，可以看到选中了一个按钮和两个 div， 最后看一下完整的代码。

嘴块呀，把所有的属性啊都放在了这个工厂方法上啊，目的就是为了避免污染咱们全新自动欲是吧？因为呢 你引入嘴块之后啊，如果咱们有边料与嘴块冲冲突了啊，那么咱们嘴块不能使用了，那么咱们就知道了，是吧？但是如果你把所有的方法都放在选举，那你就不知道嘴块中有哪些方法了是吧？哎 好了，然后呢我把这个网址也给大家发一下啊，大家可以去存储一下啊。你想看哪方面？你想看这个，呃十版本的是吧？那就输这个十，哎就能看到这个十版本的了啊。但是他这个，嗯还没有开发是吧？总之呢，嗯，这里面的，哎都有， 呃怎么获取啊？咱们不是给大家大家一个网址吗？这个先给大家先发下来啊。哎咱们不是给给了大家一个网址吗？啊？叫什么呢？叫嘴亏 点 com 然后就可以在这个网站上，哎下载这块，哎。什么版本都可以啊什么版本都可以，哎。在哪在这，哎现在已经最新的版本已经进入了三点五的版本了是吧？哎。 嗯，就是你点击他啊就可以进入咱们下载页面，哎可以去下载啊可以去下载啊。嗯然后呢后面呢？哎咱们学习完这个 note s 啊，咱们也可以通过 npm 去下载 哎，或者说通过这个包啊去下载，哎都是可以的哎然后你下载完就可以直接去使用啊，然后想查他的原码给大家说一下啊原码在哪呢？在这个给他号码上啊。搜索他什么呢？搜索这个嘴扣印啊，这个给他号码以后咱们会讲啊 啊想看一看这个他是怎么去实现的？想看一下他的圆码啊，你可以来到这个里面啊。第一个就是啊，第一个就是， 嗯，对，卡瑞，哎，然后呢这里面的这个 src 啊，就是他的一个圆码形式啊，你可以在这里面去看一看，对吧？啊？比如刚才呢，咱们省的是 htmr 这个方法，我们找一下这个 htmr。 嗯，看看在哪呢 啊？就核心里面吧， 你想看看 看他的这个方法的实现啊，可以来到这里面去看一看啊。呃，应该是这个通用的方法里面，我们找一找啊。 嗯，拍他他这是什么版本的？嗯，咱们来看一下这个十二版本的啊。 嗯，这是他对于每一个方法的一个实现啊，每一个方法的一个实现。 嗯，种植的蜘蛛是在这个里面啊，大家感兴趣可以过来看一看啊。 算了啊，这个咱们不看，包括呢以后后面的咱们也会说一下这个嘴块怎么去实现的啊？啊？然后你可以直接用我的就行啊，或者说你直接去他这他这个上面去下载也可以啊， 对吧？感兴趣可以进来去看一看啊。 啊？哎，这个过去了，是吧？ 往上一个，哎，这呢是吧？哎。这个方法怎么实现呢？就在这里面，感兴趣可以进来看一看啊。 行啊，这个不用着急啊，后面咱们还会实现这样的嘴块的啊，然后呢，咱们呀说了后面咱们还有更重要的框架，所以说呢，咱们呀对于嘴块的要求就是咱们会用这里面的方法啊，对吧？包括呢后面呢，咱们这里面还有很多 api 啊，大家会在这里面看就可以了啊。 啊，要给他把地址给他发一下啊，大家想看的话可以进来看一看啊，在这里面就有嘴块，嘴块的这个圆码啊， 然后这个在鼻子里面都有啊，啊，这他的一个官网啊，这他的一个官网啊，然后呢你也可以进来去下载啊，然后呢，后面呢咱们会讲很多种下载版本库的方式的 啊，比如说呢，我们可以通过 npm 啊， excel 这块去下载，还可以通过我们的把握这些指令， instale 啊，去下载啊， instale 啊，这个最高的也可以啊。嗯，但是大家呢先不要去试啊，为什么？因为现在咱们还有很多很多东西没有讲 啊，你一试就容易走火入魔是吧？就相当于啊啊，这个武侠小说里面有这个武功是吧？啊，一般咱们都是从循序渐进的 啊，没有几位，没有，没有谁是吧？哎，可以不用看这个基础的，直接，哎，练这个终极的武功是吧？就要成为大魔医是吧？你直接从第十人开始去练啊，容易走火入魔啊。所以说呢，这些咱们还没有讲呢啊，等到后面咱们讲完，你自然会下载了啊，所以说呢，哎，你说老 有东西会说，哎，老师你这可以下，为什么我这会报错呢？我这没有这个指令呢，哎，你还有什么？咱们很多东西你都没有安装呢，哎，所以说呢，你是现在还做不了的啊。嗯，行啊， 现在就一个非常简单的，去他官网上点击下载，这最简单的啊，你想下载哪个版本就点击哪个版本就可以了啊，行啊。

外部前端都学什么？外部前端需要学习的内容可以分为前端基础语言、前端开发软件以及程序设计知识三个部分。第一部分，前端基础语言 web 前端需要学习 html、 css 和 javascript 这三门基础语言，其中 html 是一种标记语言，主要负责实现 web 页面并在浏览器中显示。 css 是层叠样式表，主要负责网页表现和内容分离。 javascript 是 web 页面开发的脚本语言， 主要负责为网页添加相应的动态效果和交互，之后还要进一步学习 html 五 css 三 jerry 相关的知识。第二部分，前端开发软件前端常用的软件主要有 builder、 dreamwellervs code、 sublime text、 web storm 等，都可以支持 html、 css 和 javascript 的开发。第三部分，程序设计知识前端还需要学习相应的程序设计知识，一是计算机基础，包括计算机组成原理、 计算机网络、网络安全、数据结构与算法等等。二是前端框架，常用的有 bootstrap 框架、 reacts 框架、 real 框架、 angle 框架等。其他方面还需要学习浏览器 note 点、 gs 内裤、运营环境、常用设计模式等方面的知识。

虽然现在的前端曲项羽与后端分离开发有些开始使用并开发前端，但对大部分公司来说， 改造旧项目或者使用前后端分离来开发无疑是增加了很大的成本，所以还是在使用这块率，就目前来说，这块率仍然是一个必须学习的知识。等我讲完加班后端技术的开发之后，会开始讲究 这节课。来看杰克瑞操作元素样式和控制元素的显示和隐藏。来看代码，在前面的课程里，我们都是把 gs 代码写在这表现下边， 其实也是可以引入外部介绍文件的，来看这个文件里边代码跟在标签里面写是一样的， 是这样揉的来把这代码去掉， 在扎西 这一个 j s 文件夹下面 dm j s 来看效果，这个弹窗弹出来了，就是这个使用 j 块瑞，我们就是用这种方式引入外部的 j 块瑞文件， 把它给去掉。这一块的语法主要是通过选取一听没有元素，并对元素进行一系列操作。如何选取元素，我们来看一下。来添加一个标题，用 js 获取这个标题，我们是这样写的， 那用这块瑞呢？用到了符号，这样就获取到了，根据 id 获取这个元素， 里边是井号加这个元素的 id， 跟前面我们学习的 css 他的选择器是一样的，如果根据克拉斯属性来查找的话，这个地方就是点。 接下来我们通过改变这个标题的样式来看看这块是如何操作元素的。来添加一个按钮， 点击这个按钮，要用这个函数 改变这个标题的颜色，我们之前是这样写的，来看效果 改变了和颜色来看金科瑞 第一种情况，使用他的属性，动物对象变成了 jkry 对象，他有这样的一个方法，可以 设置属性，把他的私聊属性设置为这样的红色的倾斜字体，看效果， 倾斜的最开始对象还有一个 css 方法，直接设置元素的 css 样式， 这对象里边是兼职队，逗号隔开与他的效果是一样的。还可以通过添加央视 class 来实现，先定义他的 class， 央视 把它注视掉。爱的克拉斯方法，直接把克拉斯的名写在这里，就是给用元素添加了克拉斯的样式， 与他们的效果是一样的，当然也可以删除他的这个样式。还有一个方法是切换样式的添加和删除， 当点击按钮的时候，添加样式，再点击一下就删除样式来看效果，点击，再点，再点，再点，这样来回切换。如果要隐藏这个元素，通过 gs 可以这样写， 而这个人有这样的一个方法，嗨的方法，那显示呢？秀方法，在显示和隐藏之间来回切换，是这个方法 讨论狗方法来看效果，点击隐藏，再点显示，再点隐藏，再点还显示。 如果要用 js 实现这种切换效果的话，得先判断这个属性值是什么，如果是显示的话，那么就让他隐藏，如果是隐藏就让他显示，得判断一下，然而用这块位直接一个方法就可以了。好了，这节课就到这里。

z quiver 拥有可操作 h t m o。 元素焊属性的强大方法。 z quiver 弹幕操作 z quiver 中非常重要的部分就是操作弹幕的能力。 c 会为提供一系列与 dom 相关的方法，这是访问汉操作元素和属性变得很容易。 when i'm dom 等于 document object mod 文档对象模型 dom 定义访问 h t m l 和 x m l。 文档的标准 w 三 c 文档对象模型独立于平台和语言的界面， 允许程序看脚本动态访问和更新稳当的内容结构以及样式获得内容。 text， h t m l 以及 bio 三个简单实用的用于道路操作的 z k v。 方法。 text， 设置或返回所选元素的文本内容 h t m l。 设置或返回所选元素的内容，包括 h t m l。 标签 wow， 设置或返回表单字段的值。上面的例子也是如何通过这 query text 和 h t m l。 方法来获得内容。 htt pq and slash slash w www da z shk dot com dotsy and slash and b slash with dollars 开付等于烧定爬，从 ip 获取。下面的例子也是如何通过这亏味包的方法获得输入这段的词之力。加入 hostile bt and one dot click function 按六词为加。 past vow 获取属性。 it j k v i。 的方法用于获取属性值。下面的例子演示如何获得链接中 y f 属性的值。实力找到了 button dog click function another 到了哈斯太古 and o o b d t o f。

好，我们来看这道题， will 和 g query 的区别有哪些呢？主要有这样几点啊？比如说第一点，它们的原理不同。 这个怎么去理解呢？就比如说 view 呢，他做到了数据和仕途的一个分离，对吧？他首先呢，会把值和 g s 对象进行一个绑定，然后修改 g s 对象的值， view 框架呢，就会自动把 double 的值呢进行一个更新， 当我们对数据进行操作的时候呢，就不需要再引用对应的一些 dom 对象，对吧？啊？我对象 document 怎么怎么样？ 它是通过 view 对象实现了数据和视图的这样一种，嗯，双向绑定好。那么 g query 呢，它的一个原理就 就是我要先用 dollar 符号来获取盗墓对象，然后我再对盗墓对象进行一些其他的处理，比如说复职啊，或者说我要绑定一些事件啊，对吧？那这是他们两个之间的关于原理上的一些不同点， ok， 那么还有哪些不同点呢？这样给大家写一下吧，比如说 view 呢，就是，嗯，数据绑定， gq 呢？ gq 呢，是先获取 dom 赛 数量啊。第二点呢，其实他们两个针对的，呃，主要点不同，也就是说 重，嗯，着重点不同好，什么意思？比如说 will 呢，它更注重我们数据，对吧？我们是以数据来驱动仕途，而即 carry 呢，它着重于操作， 明白吗？你比如说，呃，我们可以做一些动画呀，或者说一些样式上的改动啊，对吧？ 我们都需要用 g s 来操作页页面当中的一些内容，他们两个着重点不一样， view 是数据驱动好， g q 呢，是着重与页面好，这是第二点区别。 那么第三点区别呢，就是操作不同，这个怎么去理解呢？首先 view 呢，它会把档元素进行更新， 对吧？他会自动的更新这个盗墓元素，也就是说 vivo 呢，他帮了我，帮我们做了这个盗墓操作，节省了我们很多的时间，我们只需要关注数据就 ok 了， 听明白了吧？其 carry 呢？他就是要先获取到我们对象，然后复职啊，然后， 嗯，去进行一些呃时间绑定啊，最后才会进行呃，那个对 g s 对象里面的值进行一个修改，就是他们操作上的不同。那么第四点呢，就是 未来发展不同，相信有很多小伙伴已经能感受到了，近一两年 view 的一个呃需求量还是很大的，对吧？因为它是一个 呃完整的体系，它是一个框架，明白吧？就是 v m v v m 这种框架，那从技术上来讲呢？嗯， vivo 呢，它实现了双向数据绑定，对吧？还有就是呃它的官网上也说了，呃快，快速，简单， 还有一些什么组合啊等等，这是这都是他的一些优势。那么几块瑞呢？几块瑞他只是一个 g s 的库，明白吧？他只是 g s 的库，提供了一些 a p i 让我们更 方便的去操作 g s 而已。另外一个就是近几年来几块瑞的一个使用率呢，是越来越低了， 未来可能会有更新的一些库去替换它，但是 view 呢，它相对于来说未来的一个发展会更好，这就是他们两者之间的一些区别。