第一章（认识jQuery）

1.3.2编写简单的jQuery代码

①$是jQuery的简写

②$(“#foo”) = $(“#foo”)

③$.ajax  =  jQuery.ajax

④//DOM加载完毕时运行(类似于window.onload)

$(socument).ready(function(){

//…….

})

⑤window.onload 与 $(document).ready() 对比

	Window.onload	$(document).ready()
执行时机	必须等待网页中所有的内容加载完毕后（包括图片）才能执行	网页中所有的DOM结构绘制完毕后就执行，可能DOM元素关联的东西并没有加载完毕
编写个数	不能同时编写多个(不能同时运行多个，后面的会覆盖前面的)	能同时编写并执行多个代码段
简化写法	无	$(function(){ //…… })

1.4jQuery对象和DOM对象

1.4.1 jQuery对象和DOM对象简介

①DOM对象是通过JS中的getElementsByTagName 或者getElementById 来获取元素节点。

②jQuery对象就是通过jQuery包装DOM对象后产生的对象

例：$(“#foo”).html();   //获取id为foo的元素内的html代码（.html（）是jQuery里的方法）

等同于：document.getElementById(“foo”).innerHTML;   //js原生代码

1.4.2jQuery对象和DOM对象的相互转换

①相互转换前，先约定好定义变量的风格

var $variable = jQuery对象

var variable  =DOM对象

1.jQuery对象转成DOM对象

一般来说jQuery对象不能使用DOM中的方法，但是不得不使用DOM对象的时候，有2种方法处理：

(1)jQuery对象是一个数组对象，可以通过[index]的方法得到相应的DOM对象。

var $cr = $(“#cr”);     //jQuery对象

var cr  = $cr[0];      //DOM对象

alert(cr.checked)      //检测这个checkbox是否被选中

(2)另一种方法是jQuery本身提供的，通过get(index)方法得到相应的DOM对象

var $cr = $(“#cr”);

var cr =  $cr.get(0);

alert(cr.checked)

2.DOM对象转成jQuery对象

对于一个DOM对象，只需用$把DOM对象包装起来，就可获得jQuery对象。//$(DOM对象)

var cr = document.getElementById(“cr”);    //DOM对象

var $cr = $(cr);                         //jQuery对象

*平时用到的jQuery对象都是通过$()函数制作出来的。