美文网首页工作生活
DOM对象和JQuery对象的转换

DOM对象和JQuery对象的转换

作者: Apple_Boy | 来源:发表于2019-06-30 15:09 被阅读0次

    jQuery 对象就是通过jQuery包装DOM对象后产生的对象。

    jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html();

        比如:

        $("#test").html()   意思是指:获取ID为test的元素内的html代码。其中html()是jQuery里的方法

        这段代码等同于用DOM实现代码:

        document.getElementById(" test ").innerHTML;

    虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法.乱使用会报错

    约定:如果获取的是 jQuery 对象, 那么要在变量前面加上 $.

    var $variable = jQuery 对象

    var variable = DOM 对象


    1.DOM对象转成jQuery对象

    对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)


    转换后就可以使用 jQuery 中的方法了

    2.jQuery对象转成DOM对象

    两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);

    (1) jQuery对象是一个数组对象,可以通过[index]的方法,来得到相应的DOM对象

    (2) jQuery本身提供,通过.get(index)方法,得到相应的DOM对象

    相关文章

      网友评论

        本文标题:DOM对象和JQuery对象的转换

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