DOM对象是原生JavaScript获得的对象,可以使用原生JavaScript的方法,但不能使用jQuery的方法。
jQuery对象是用jQuery的$选择器获得的对象,是通过jQuery包装DOM对象后产生的对象,是jQuery独有的,可以使用jQuery的方法,但不能使用DOM的方法。
jQuery对象和DOM对象的相互转换:
1) jQuery对象转换成DOM对象:
由于jQuery对象是一个数组对象,因此[index]和get(index)两种方法都能将jQuery对象转换成DOM对象。
① [index]方法:
var $jquery = $("#jquery") ; // jQuery对象
var jquery = $jquery[0]; // DOM对象
② get(index)方法:
var $jquery = $("#jquery") ; // jQuery对象
var jquery = $jquery.get(0); // DOM对象
2) DOM对象转换成jQuery对象:
只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了,方法为$(DOM对象)。
var dom = document.getElementById("dom"); // DOM对象
var $dom = $(dom); // jQuery对象
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!