1、jquery对象和dom对象
DOM———文档对象模型,每一份DOM都可以表示成一棵树
它有html head body 等等元素组成
通过javascript中的getElementsBytagname或者getElementById来获取元素节点。
这样得到的DOM元素就是DOM对象(这里的对象概念只在javascript和jQuery中)
而jQuery对象是通过jquery包装DOM对象后产生的对象。jQuery对象是jquery独有的,
它的方法与js的方法不一样。
如:
DOM对象判断是否被选中:cr.checked
jQuery对象是一个数组对象,可以通过[index]的方法得到相应的DOM对象
var $cr = $("#cr")——————jQuery对象
var cr = $cr[0]; ——————DOM对象 //或者 var cr =$cr.get(0);
alert(cr.checked);——————检测这个DOM(checkbox)对象是否被选中
DOM对象,只需要用$()把DOM对象包装起来,就获得获得一个jQue:ry对象,方式为:$(DOM对象)
具体如下:
var cr = document.getElementById("cr") //DOM对象
var $cr =$(cr) //jQuery对象
$()函数就是一个jQuery对象的制造工厂。
DOM———文档对象模型,每一份DOM都可以表示成一棵树
它有html head body 等等元素组成
通过javascript中的getElementsBytagname或者getElementById来获取元素节点。
这样得到的DOM元素就是DOM对象(这里的对象概念只在javascript和jQuery中)
而jQuery对象是通过jquery包装DOM对象后产生的对象。jQuery对象是jquery独有的,
它的方法与js的方法不一样。
如:
DOM对象判断是否被选中:cr.checked
jQuery对象判断是否被选中:$cr.is(":checked")
2、jQuery对象与DOM对象的互换
(先约定:jQuery对象,如:var $variable。而DOM对象,如:var variable)jQuery对象是一个数组对象,可以通过[index]的方法得到相应的DOM对象
var $cr = $("#cr")——————jQuery对象
var cr = $cr[0]; ——————DOM对象 //或者 var cr =$cr.get(0);
alert(cr.checked);——————检测这个DOM(checkbox)对象是否被选中
DOM对象,只需要用$()把DOM对象包装起来,就获得获得一个jQue:ry对象,方式为:$(DOM对象)
具体如下:
var cr = document.getElementById("cr") //DOM对象
var $cr =$(cr) //jQuery对象
$()函数就是一个jQuery对象的制造工厂。