jQuery学习笔记（一）

最近在写一个B2C网站，写到越后面越发吃力，主要是前端JS部分，虽然在项目中也是用jQuery，但是，仅凭查阅文档，虽然解决了一些问题，但并没有实质性的理解。因此，准备暂且来系统地学习一些jQuery，以便能有更深刻的理解，从而能够减轻后续的项目开发。

一、jQuery对象和DOM对象的相互转换

jQuery对象和DOM对象相互转换之前，先约定好定义变量的风格。

如：

var $variable = jQuery对象；

var variable = DOM对象；

1、jQuery对象转成DOM对象有两种方法：

（1）通过index[]的方法

如：

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

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

（2）通过get(index)的方法

如：

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

var cr = $cr.get(0); //DOM对象

2、DOM对象转成jQuery对象

通过$(DOM对象)的方式

如：

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

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

因为jQuery和DOM对象之间的不能混用方法，因此必要时需要进行jQuery对象和DOM对象之间的转换。

比如：判断一个复选框是否被选中

jQuery方法：if($cr.is(":checked"))

DOM方法：if(cr.checked)