jQuery对象和DOM对象

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

例如:

  • 裤子
  • 入口文件:

    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对象_第1张图片

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

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


    jQuery对象和DOM对象_第2张图片
    jQuery对象和DOM对象_第3张图片
    jQuery对象和DOM对象_第4张图片
    jQuery对象和DOM对象_第5张图片

    jQuery对象和DOM对象_第6张图片

    案例,隔行变色


    jQuery对象和DOM对象_第7张图片

    你可能感兴趣的:(jQuery对象和DOM对象)