三.对象互换
jQuery 对象虽然是jQuery 库独有的对象,但它也是通过JavaScript 进行封装而来的。我们可以直接输出来得到它的信息。
alert($); //jQuery 对象方法内部
alert($()); //jQuery 对象返回的对象,还是jQuery
alert($('#box')); //包裹ID 元素返回对象,还是jQuery
从上面三组代码我们发现:只要使用了包裹后,最终返回的都是jQuery 对象。这样的好处显而易见,就是可以连缀处理。但有时,我们也需要返回原生的DOM 对象,比如:
alert(document.getElementById('box')); //[object HTMLDivElement]
jQuery 想要达到获取原生的DOM 对象,可以这么处理:
alert($('#box').get(0)); //ID 元素的第一个原生DOM
从上面get(0),这里的索引看出,jQuery 是可以进行批量处理DOM 的,这样可以在很多需要循环遍历的处理上更加得心应手。