jQuery的基本使用

一、jQuery的入口函数

有两种写法，如下面代码：

			//1.等着页面DOM加载完毕再去执行js代码
			$(document).ready(function(){
				//这里面是要写的代码
			})

	        //2.等着页面DOM加载完毕再去执行js代码
			$(function(){
				//这里面是要写的代码
			})

等着DOM结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery帮我们完成封装；相当于原生js中的DOMContentLoaded；不同于原生js中的load事件是等页面文档、外部的js文件、css文件、图片加载完毕才执行内部代码；更推荐使用第二种方式。

二、jQuery的顶级对象$

1. $ 是jQuery的别称（另外的名字），在代码中可以使用jQuery代替 $ ,但一般为了方便，通常直接使用$。
2. $同时也是jQuery的顶级对象，相当于原生js中的window。 $ 把元素包装成jQuery对象，就可以调用jQuery的方法。

三、jQuery对象和DOM对象

1. 用原生js获取来的对象就是DOM对象

var div = document.querySelector('div');

2. jQuery方法获取的元素就是jQuery对象

$('div');

3. jQuery对象只能使用jQuery方法，DOM对象则使用原生的JavaScript属性和方法

div.style.display='none';//DOM
$('div').hide();//jQuery对象

4. jQuery对象本质是：利用$对DOM对象包装后产生的对象（伪数组形式存储）
5. DOM对象与jQuery对象之间是可以相互转换的

//1.DOM对象转换为jQuery对象：$(DOM对象)
$('div');

//2.jQuery对象转换为DOM对象（两种方式）
$('div')[index]  index是索引
$('div').get(index) index是索引