JQuery

在用 js 写代码时，会遇到一些问题：

jQuery 是 js 的一个库，封装了我们开发过程中常用的一些功能，方便我们调用，提高开发效率。

主要学习如何使用jQuery操作DOM，其实就是学习jQuery封装好的那些API。

这些API的共同特点是：几乎全都是方法。所以，在使用jQuery的API时，都是方法调用，也就是说要加小括号()，小括号里面是相应的参数，参数不同，功能不同。

（1）链式编程：比如.show()和.html()可以连写成.show().html()。

链式编程原理：return this。

通常情况下，只有设置操作才能把链式编程延续下去。因为获取操作的时候，会返回获取到的相应的值，无法返回 this。

（2）隐式迭代：隐式对应的是显式。隐式迭代的意思是：在方法的内部会为匹配到的所有元素进行循环遍历，执行相应的方法；而不用我们再进行循环，简化我们的操作，方便我们调用。

如果获取的是多元素的值，大部分情况下返回的是第一个元素的值。

（1）引包

（2）入口函数

（3）功能实现代码（事件处理）

//2.文档加载完毕，图片不加载的时候，就可以执行这个函数。
$(function () {
    alert(1);
});

jQuery的入口函数，是在文档加载完成后，就执行。文档加载完成指的是：DOM树加载完成后，就可以操作DOM了，不用等到所有的外部资源都加载完成。

js中的DOM对象和 jQuery对象比较（重点，难点）

二者的区别

通过 jQuery 获取的元素是一个数组，数组中包含着原生JS中的DOM对象。举例：

二者的相互转换

1、 DOM 对象转为 jQuery对象：

$(js对象);

举例：（拿上一段的代码举例）

//转换。
jqBox1 = $(myBox);
jqBox2 = $(boxArr);
jqBox3 = $(divArr);

DOM 对象转换成了 jquery 对象之后，上面的功能可以直接调用。

2、jQuery对象转为 DOM 对象：

jquery对象[index];      //方式1（推荐）

jquery对象.get(index);  //方式2

jQuery对象转换成了 DOM 对象之后，可以直接调用 DOM 提供的一些功能。如：

//jquery对象转换成 DOM 对象之后
jqBox3[0].style.backgroundColor = "black";
jqBox3.get(4).style.backgroundColor = "pink";

总结：如果想要用哪种方式设置属性或方法，必须转换成该类型。

$("p").click();
$("p").click(function(){
    // 动作触发后执行的代码!!
});

……..