工作生活

DOM对象和JQuery对象的转换

2019-06-30  本文已影响0人  Apple_Boy

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对象

上一篇下一篇

猜你喜欢

热点阅读