最近在写一个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)