jQuery对象和DOM对象

2017-09-25  本文已影响0人  原来不语

1、dom对象(js对象)使用js的方式获取到的元素就是js对象。

例如:

<li id="cloth">裤子 </li>

入口文件:

1、js对象

$(function(){

var cloth = document.getElementById("cloth");

cloth.style.backgroundColor="pink";

});

2、jQuery对象:

var $li =$("li");

$li.text("我改了内容");

3、js和jq的区别

var cloth = document.getElementById("cloth");

cloth.style.backgroundColor = "pink";

js不能调用jq的方法

但是jq可以调用js的方法(jQuery对象就是js对象的集合,是一个js的伪数组,里边存放了一堆js对象)

4、操纵dom、对象的缺点

dom对象需要一个一个的操作,所以需要遍历,同时dom对象有兼容性问题,而且事件会被覆盖。

5、jQuery对象不能调用Dom对象。

       只有jQuery里的dom对象才能调用dom对象的方法!

    《dom对象和jQuery对象不是一个对象,只是jQuery对象里有DOM对象! 》

也就是说jQuery伪数组里有dom对象!

6、如果DOM对象想要用jQuery对象,则必须把DOM对象转为jQuery对象


案例,隔行变色

上一篇 下一篇

猜你喜欢

热点阅读