乐趣区

关于前端:一文说明白jQuery是干什么的

jiezi

● jQuery 于 2006 年 1 月由 John Resig 在 BarCamp NYC 首次公布。它目前由 Timmy Wilson 领导, 并由一组开发人员保护。

● jQuery 是一个 JavaScript 库，它简化了客户端 JavaScript 编程的过程，特地是针对 HTML 文档遍历和操作、事件处理、动画成果和 Ajax 操作。应用 jQuery 能够更容易地编写可保护的 JavaScript 代码，同时进步了跨浏览器的兼容性。

● 其实 jQuery 就是封装的一个大型开源库而已, 提供了若干的办法供咱们应用

● 在咱们的开发过程中, 会用到 js 内大量的办法去实现一些性能

● 有的时候, 咱们会感觉这个办法名字太长, 或者操作绝对简单, 或者应用十分频繁

● 那么咱们会无意识的将这些办法进行封装, 而后调用

● 举个例子 :

○ 在 2006 年以前, 咱们获取元素基本上会用到几个办法 

// 依据 id 获取元素
document.getELementById()

// 依据 标签名 获取元素
document.getElementsByTagName()

// 依据 类名 获取元素
document.getElementsByClassName()

在开发过程中, 咱们会频繁的用到这个办法, 那么我会下意识的对他进行封装 

function getEle(selector) {if (/^#/.test(selector)) {return document.getElementById(selector)
    } else if (/^\./.test(selector)) {return document.getElementsByClassName(seelctor)
    } else {return document.getElementsByTagName(selector)
    }
}

○ 这样一来, 咱们当前再想获取元素的时候, 就变得简略了

● 就是这个情理, 在 2006 年的时候, John Resig 就做了这个事件

○ 整顿了大量的 JS 办法, 对其进行筛选和整合

○ 将一类内容或者相似内容封装成了一个一个的办法

○ 并且还做了一个超级大的奉献, 就是在代码外面讲兼容性也解决好了

○ 并且给他封装的这个大型工具库起了一个名字叫做 jQuery

○ 因为最早的 jQuery 其实就是为了解决各种各样的获取元素的问题和常见 DOM 操作

○ 起初才逐渐退出的更多的内容

● 到目前为止, jQuery 蕴含的大抵内容

○ 选择器 – 获取元素

○ 筛选器 – 筛选获取到的元素

○ DOM 常见操作 – 惯例的 DOM 各种操作都有 (属性, 类名, 款式, …)

○ 动画 – 一些款式的动画成果

○ 事件 – 各种各样的工夫绑定

○ ajax – 前后端交互操作

○ …

● jQuery 应用

○ 须要下载一个 jquery 第三方并引入页面

○ 应用 npm 下载

npm install jquery

间接应用 cdn 地址 

<script
src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

引入页面当前间接应用就能够了

● 常见插件

○ 因为 jQuery 当年风靡寰球, 用起来十分不便简洁

○ 所以大家都会基于 jQuery 会开发一些插件, 毕竟在全的开源库也不可能蕴含所有内容

○ 罕用的一些内容

■ jquery-validation 表单验证

■ jquery-pagenation 分页器

■ Animisition 动画特效

■ …

○ 太多了, 轻易一查就是一大堆, 你能够去尝试应用一下, 你会爱上他的

退出移动版