日期:2014-05-16  浏览次数:20338 次

Jquery 对象和Dom对象(js) 详细介绍

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?jQuery 对象和 DOM 对象的区别
? ? 我们在做网页设计的时候经常听说 DOM 对象和 jQuery 对象,到底二者有什么样的区 别和联系呢,下面我们针对两者做了一些简要的总结: jQuery 对象和 DOM 对象使用说明,需要的朋友可以参考下。

1.jQuery 对象和 DOM 对象

? ? ?第一次学习 jQuery,经常分辨不清哪些是 jQuery 对象,哪些是 DOM 对象,因此需要重点了 解 jQuery 对象和 DOM 对象以及它们之间的关系. DOM 对象,即是我们用传统的方法(javascript)获得的对象,jQuery 对象即是用 jQuery 类 库的选择器获得的对象; 复制代码 代码如下:

?

var domObj = document.getElementById("id"); //DOM 对象

var $obj = $("#id"); //jQuery 对象;

jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象,它是 jQuery 独有的。如果一个 对象是 jQuery 对象,那么就可以使用 jQuery 里的方法,例: $("#foo").html(); //获取 id 为 foo 的元素内的 html 代码,html()是 jQuery 特有的方法; 上面的那段代码等同于: document.getElementById("foo").innerHTML;

注意:在 jQuery 对象中无法使用 DOM 对象的任何方法。 例如$("#id").innerHTML 和$("#id").checked 之类的写法都是错误的,可以用$("#id").html() 和$("#id").attr ("checked")之类的 jQuery 方法来代替。同样,DOM 对象也不能使用 jQuery 方法。 学习 jQuery 开始就应当树立正确的观念, 分清 jQuery 对象和 DOM 对象之间的区别, 之后学习 jQuery 就会轻松很多的。

2.jQuery 对象和 DOM 对象的互相转换

jquery 对象和 dom 对象是不一样的! 在上面第一点说了, 比如 jquery 对象不能使用 dom 的 方法,dom 对象不能使用 jquery 方法,那假如我 jquery 没有封装我要的方法,那能怎么办 呢?

这时我们可以将 jquer 对象转换成 dom 对象

<