873-jQuery（jQuery概述）

文章目录 jQuery1 jQuery概述1.1 JavaScript 库1.2 jQuery的概念1.3 jQuery 的优点

jQuery

目标

能够说出什么是jQuery
能够说出jQuery的优点
能够简单使用jQuery
能够说出DOM对象和jQuery对象的区别

1 jQuery概述 1.1 JavaScript 库

仓库 : 可以把很多东西放到这个仓库里面。 找东西只需要到仓库里面查找到就可以了。
JavaScript库 : 即library , 是一个 封 装 \color{red}{封装} 封装好的特定的集合(方法和函数)。从封装大堆函数的角度理解库 ,就是在这个库中 , 封装了很多预先定义好的函数在里面 , 比如动画animate、hide. show , 比如获取元素等。

简单理解 : 就是一个JS文件 , 里面对我们原生js代码进行了封装 , 存放到里面 。这样我们可以快速高效的使用这些封装好的功能了。

比如jQuery , 就是为了快速方便的 *** 作DOM , 里面基本都是函数(方法)。

之前学的都是原生js，现在是js库

常见的JavaScript库

jQueryPrototypeYUIDojoExt JS移动端的zepto

这些库都是对原生JavaScript的封装 , 内部都是用JavaScript实现的 , 我们主要学习的是jQuery。

js库就是一个js文件，里面存放了许许多多的函数，这些函数都是为了实现某些功能。现在主要学的是js库里面的jQuery，jQuery主要是 *** 作DOM

1.2 jQuery的概念

jQuery是一个快速、简洁的 JavaScript库 , 其设计的宗旨是 "write Less , Do More”, 即倡导写更少的代码 , 做更多的事情。

j 就是 JavaScript ; Query 查询 ; 意思就是查询 js , 把js中的DOM *** 作做了封装 , 我们可以快速的查询使用里面的功能。

j Q u e r y 封 装 了 J a v a S c r i p t 常 用 的 功 能 代 码 \color{red}{jQuery封装了JavaScript 常用的功能代码} jQuery封装了JavaScript常用的功能代码 , 优化了DOM *** 作、事件处理、动画设计和Ajax交互。

学 习 j Q u e r y 本 质 : 就 是 学 习 调 用 这 些 函 数 ( 方 法 ) 。 \color{red}{学习jQuery本质 : 就是学习调用这些函数(方法)。} 学习jQuery本质:就是学习调用这些函数(方法)。

j Q u e r y 出 现 的 目 的 是 加 快 前 端 人 员 的 开 发 速 度 , 我 们 可 以 非 常 方 便 的 调 用 和 使 用 它 \color{red}{jQuery出现的目的是加快前端人员的开发速度 , 我们可以非常方便的调用和使用它 } jQuery出现的目的是加快前端人员的开发速度,我们可以非常方便的调用和使用它, 从而提高开发效率。

1.3 jQuery 的优点

优 点 \color{red}{优点} 优点

轻量级。核心文件才几+kb ,不会影响页面加载速度跨浏览器兼容。基本兼容了现在主流的浏览器链式编程、隐式迭代对事件、样式、动画支持,大大简化了DOM *** 作支持插件扩展开发。有着丰富的第三方的插件,例如:树形菜单、日期控件、轮播图等免费、开源