day42-jQuery（一）

jQuery

介绍

jQuery是js的库。库就是说将很多js的方法封装在了一个文件中。

jQuery是前端编程中使用最多的库。曾经风靡前端。原因有三：

1. 强大的选择器机制

2. 优质的隐式迭代(遍历)

3. 无所不能的链式编程

jquery完全不需要考虑兼容性，因为jquery库将js的兼容都封装好了

官网：jquery.com

中文方法大全：jquery.cuishifeng.cn

要使用jquery首先需要下载一个jquery文件，然后先引入才能使用。

首先检测一下有没有引入成功，就是输出$或者就jQuery。这是jQuery暴露在全局的唯一的两个函数。

检测引入jquery文件是否成功，弹出$

jquery引入成功

 

这个美元符号是jQuery库暴露在全局中的一个函数名称

jQuery最终的返回和暴露

 这个函数可以用选择元素。

jQuery伪数组和DOM元素

在jQuery中选择元素，就是暴露在全局的两个函数：

$div = $("div");
//或者
$div = jQuery("div");
console.log($div)

获取的结果：

jQuery获取元素的结果

 从结果中可以看出来，jQuery获取到的是伪数组，不能使用操作DOM元素的方式来操作jQuery获取到的伪数组，jQuery提供了一套专门用来操作jQuery伪数组的方法来操作，而这套方法是不能被DOM元素使用的。

从伪数组中取下标可以获取到DOM元素：

var oDiv = $("div")[0] // 取下标
var oDiv = $("div").get(下标); // 下标
console.log(oDiv)

结果：

jQuery伪数组中获取到DOM元素

 

经过这样获取后得到的DOM元素才能使用