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对象