美文网首页
jQuery对象和DOM对象

jQuery对象和DOM对象

作者: 原来不语 | 来源:发表于2017-09-25 21:15 被阅读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对象


    案例,隔行变色

    相关文章

      网友评论

          本文标题:jQuery对象和DOM对象

          本文链接:https://www.haomeiwen.com/subject/udadextx.html