区分:jquery对象与Dom对象
(1)Dom对象
即浏览器解析生成的文档节点。用原生的js方法得到的都是Dom对象,如getElementById(),innerHTML等
(2)jquery对象
是通过jquery包装DOM对象后产生的对象。这两者最大的区别是jquery对象可直接调用jquery的方法,而DOM只能js中对应的方法。
如: $("#id").html() 等价与 document.getElementById('id').innerHTML()
(3) 两者之间的转化
约定:$variable = jquery 对象
variable = DOM对象
1.jquery -> DOM
jquery提供两种方法将jquery对象转化为DOM对象,即[index]和get(index)
(1)jquery对象是一个对象数组,可以用[index]
var $cr = $('#cr'); var cr = $cr[0]; alert(cr.checked) //判断第一个checkbox是否选中
(2)get(index)
上述代码第二可用 var cr = $cr.get(0)
2.DOM -> jquery
直接用$(DOM对象)即可得到。