乐趣区

【Jquery对象】jquery与dom对象的区别

最近工作有很多判断的代码,用到了 jquery 与 dom 对象的地方比较多,写在这里加强下基本概念:
1. 判断是否存在时候,要用 dom 对象,因为 jQuery 在获得对象的时候,无论要获得的对象是否存在,都会返回 jQuery 对象
2.jquery 对象与 dom 对象的转换:
jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象 (集合对象)。jQuery 对象是 jQuery 独有的,可以使用 jQuery 里的方法。因此 jQuery 对象和 DOM 对象是不一样的,不能调用对方定义的方法。所以 $(‘#test’).innerHTML 会报错,document.getElementById(‘#test’)[0].html() 也会报错。
普通的 DOM 对象可以用 $()包装起来转换为 jQuery 对象:$(document.getElementById(‘#test’)).html();// 正常
jQuery 对象 jquery 对象本身是一个集合,要转换为 DOM 对象,可通过数组索引取出:第一种方式:$(‘#test’)[0]第二种方式:$(‘#test’).get(0)注:eq(0)返回的还是 jQuery 对象,eq(0)[0]是 DOM 对象。

退出移动版