jQuery对象和DOM对象

1、 通过JavaScript中 的getElementsByTagName获取元素节点得到的 DOM元素就是DOM对象。

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

2、jQuery对象和DOM对象的任何方法不能混用

例：获取id为foo元素内的html代码

$('#foo').html()
document.getElementById('foo').innerHTML

注意：用#id获取得到的jQuery 对象和document.getElementById(‘#id’)得到的DOM对象，两者不等价

3、jQuery对象和DOM对象转换

jQuery对象是类似数组的对象

jQuery对象–>DOM对象

例：

var  $foo=$('#foo');  //jQuery对象
var foo=$foo[0];          //DOM对象
//var foo=$foo.get(0)

总结：jQuery对象转换成DOM对象可以通过[index]方法和get(index)方法得到

DOM对象–>jQuery对象

var foo=document.getElementById('foo');  //DOM对象
var $foo=$(foo);   //JQuery对象

<input type="checkbox" id="foo"><label for="foo">选我</label>

<script>
$(function(){
var $foo=$('#foo');   //jQuery对象
var foo=$foo[0];       //DOM对象
if(foo.checked)
alert('我被选中了');
})
})
</script>

总结：为什么在中间要进行对象转换呢?

有时我们可能会记不太清或者嫌弃jQuery对象的方法有点复杂。在上面的例子中如果我们要用jQuery的方法if//（$foo.is(“:checked”)）//就是这样，返回值是布尔值