初识jQuery

1.1 jQuery是一个JavaScript库，里面对原生JS代码进行封装，为了快速便捷操作DOM，里面基本都是函数（方法）。

常见的JavaScript库有：

• jQuery
• Prototype
• YUI
• Dojo
• 移动端对zepto等。

1.2 jQuery的概述

j就是JavaScript；Query查询；意思就是查询js，把ja中的DOM做了封装。优化了DOM操作、事件处理、动画设计和Ajax交互。

学习jQuery的本质：就是学习调用这些函数（方法）。

1.3 jQuery的优点

• 轻量级。核心文件才几十KB，不会影响页面加载速度
• 跨浏览器兼容。基本兼容了现在主流浏览器
• 链式编程，隐式迭代
• 支持插件扩展开发。有丰富的第三方插件，例如：树形菜单、日期控件、轮播图等
• 免费，开源

1.4 jQuery的入口函数 

$是jQuery的顶级对象。是jQuery的别称。

$(function () {

...  //此处是DOM加载完成的入口

})

 1.5 DOM对象和jQuery对象

1. DOM对象，用原生JS获取过来的对象

var myDiv = document.querySelector('div'); //获取div对象

2. jQuery对象，用jQuery方式获取的对象，本质是：通过$对DOM对象进行包装后产生的对象(伪数组形式存储)。

$('div'); //获取div对象

3.jQuery对象只能使用jQuery方法，DOM对象只能使用原生JS属性和方法。

1.6 jQuery对象与DOM对象相互转换

1. DOM对象转换为jQuery对象

①直接获取,得到jQuery对象

$('div'); //直接获取div

②已经使用原生JS，获取过来DOM对象

var myDiv = document.querySelector('div'); //原生JS获取div

$('myDiv'); //转换为jQuery对象

2. jQuery对象转换为DOM对象

方法一：$('div')[index]  //index是索引号

方法二：$('div').get(index)  //index是索引号