一、jQuery 概述
1、JavaScript 库
仓库:可以把很多东西放到这个仓库里面。找东西只需要到仓库里面查找就可以
JavaScript 库:即library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate,hide、show
比如获取元素
jQuery 就是为了快速方便的操作dom,里面基本都是函数
常见的JavaScript 库
jQuery
prototype
YUI
Dojo
Ext JS
移动端的zepto
这些库都是对原生 JavaScript 的封装,内部都是用JavaScript 实现的,我们主要学习的是jQuery
2、jQuery 的概念
jQuery是一个快速简洁的JavaScript 库,写更少代码做更多的事
二、jQuery 的基本使用
1、jQuery 下载
2、jQuery 使用步骤
1、引入 jQuery 文件
<script src=" "></script>
3、jQuery 的入口函数
4、jQuery 的顶级对象 $
$ 是jQuery 的别称,在代码中可以使用jQuery 代替$,但一般使用$
$是jQuery 的顶级对象,相当于原生JavaScript 中的window。把元素利用$包装成 jQuery对象,就可以调用jQuery的方法。
5、jQuery 对象 和 DOM对象
1、用原生 JS 获取来的对象就是dom 对象
2、jQuery 方法获取的元素就是 jQuery 对象
3、jQuery 对象的本质是:利用$对dom对象包装后产生的对象(伪数组形式存储)
dom对象 与 jQuery 对象 之间可以互相转换
因为原生JS比jQuery更大,原生的一些属性和方法jQuery没有给我们封装,要想使用这些属性和方法需要把jQuery 对象转换为dom对象才能使用。
1、DOM 对象转换为jQuery 对象:$(DOM对象)