Jquery对象与Dom对象的转换

jquery对象与dom对象的转换

jquery对象只可以使用jquery的方法，dom对象只可以使用dom对象的方法

dom对象转换为jquery对象

使用美元符号$包裹

var obj=document.getElementById('root'); // 这里获取的而是id为root的dom对象
var $obj=$(obj); // 通过使用$()包裹，转化为jquery对象。

jquery对象转换为dom对象

通过jquery选择器或者筛选器获得的应该是个数组列表，需要通过指明下标来具体转换

方法一：使用[]

var obj=$("div"); // obj为jquery对象
var _domobj=obj[0] // 使用[]转为dom对象

方法二：使用jquery提供的get()方法

var obj=$("div"); // obj为jquery对象
var _domobj=obj.get(1) // 使用get(index)转为dom对象

通过jquery筛选器获得的子元素，指明具体的子元素仍然为jquery对象

$("#container").children(".line").eq(1).attr(); 
// 通过jquery的children方法获取id为container下的所有class为line的元素，并将第二个元素使用jquery的attr()方法进行进一步处理
// 即$("#container").children(".line").eq(1)获取的第二个元素还是jquery对象

参考理解