jquery转换成原生DOM对象的方法

2025-11-12 14:36:02

1、dom对象是我们用原生js获得的对象,jQuery对象就是用jQuery的类库选择器获得的对象。jQuery对象是它本身独有的,和原生对象不可搁冷混用,同样,dom对象也不可以混用jq对象的方法!

比如,以下两行代码的作用是相同的

$("#color"扬侧凤).html();

document.getElementById("color").innerHTML; 

$("之罩#id").innerHTML; // 错误写法

2、jq对象 > dom

jquery提供了两个方法可以实现jq对象转换为dom对象,即[index]和get(index),因为jquery对象实际上是伪数组对象!

var $cr = $("#cr"); //jquery对象

var cr = $cr[0]; //dom对象,也可写成 var cr= $cr.get(0);

alert(cr.checked); //检测这个checkbox是否给选中

3、dom对象 > jq对象

对于一个dom对象,只需要用$()把dom对象包装起来,就可以获得一个jquery对象了,方法为$(dom对象);


复制代码 代码如下:

var cr = document.getElementById("cr"); //dom对象

var $cr = $(cr); //转换成jquery对象

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢