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”))//就是这样,返回值是布尔值