jquery 对象 / jquery对象与dom对象相互转换

 jQuery对象

1.  jQuery 的DOM对象与普通的DOM对象

普通的DOM对象 此处指的是：使用JS操作DOM的方法返回的对象

var btn = document.getElementById(“btnShow”); //普通的DOM对象

jQuery的DOM对象 此处指的是：使用jQuery操作DOM的方法返回的对象

var $btn = $(“#btnShow”); // Query的DOM对象

jQuery拿到普通的DOM对象后会对其进行封装，让其成为具有jQuery方法的jQuery对象

 

2. jQuery对象转为DOM对象

第一种方式

var btn1 = $btn[0]; //通过索引的方式把DOM对象取出来（推荐使用此方式）

第二种方式

var btn2 = $btn.get(0);//调用get()方法也可以

这两种方式使用哪一种都可以

 

3.  DOM 对象转jQuery对象

使用$包装一下即可

$(普通的DOM对象)

图解：

 

所有这些，都体现了jQuery对JS的封装