jQuery对象与DOM对象的相互转换

1、jQuery对象转成DOM对象

  jQuery提供了两种方法将一个jQuery对象转换成DOM对象,即[index]和get(index)。

  (1)jQuery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象。代码如下:

var $cr = $("#cr");  //jQuery对象
var cr = $cr[0];     //DOM对象
alert(cr.checked);

  (2)另一种方法是jQuery本身提供的,通过get(index)方法得到相应的DOM对象。代码如下:

var $cr = $("#cr");
var cr = $cr.get(0);
alert(cr.checked);

2、DOM对象转成jQuery对象

  对于一个DOM对象,只需要用$()函数把DOM对象包装起来,就可以获得一个jQuery对象了。代码如下:

var cr = document.getElementById("cr");
var $cr = $(cr);

需要强调的是,DOM对象才能使用DOM中的方法,jQuery对象不可以使用DOM中的方法。

原文地址:https://www.cnblogs.com/lengyuehuahun/p/5632762.html