jquery對(duì)象與dom對(duì)象的轉(zhuǎn)換
jquery對(duì)象只可以使用jquery的方法玻佩,dom對(duì)象只可以使用dom對(duì)象的方法
dom對(duì)象轉(zhuǎn)換為jquery對(duì)象
使用美元符號(hào)$包裹
var obj=document.getElementById('root'); // 這里獲取的而是id為root的dom對(duì)象
var $obj=$(obj); // 通過(guò)使用$()包裹坯屿,轉(zhuǎn)化為jquery對(duì)象烈菌。
jquery對(duì)象轉(zhuǎn)換為dom對(duì)象
通過(guò)jquery選擇器或者篩選器獲得的應(yīng)該是個(gè)數(shù)組列表碘饼,需要通過(guò)指明下標(biāo)來(lái)具體轉(zhuǎn)換
方法一:使用[]
var obj=$("div"); // obj為jquery對(duì)象
var _domobj=obj[0] // 使用[]轉(zhuǎn)為dom對(duì)象
方法二:使用jquery提供的get()方法
var obj=$("div"); // obj為jquery對(duì)象
var _domobj=obj.get(1) // 使用get(index)轉(zhuǎn)為dom對(duì)象
通過(guò)jquery篩選器獲得的子元素扰肌,指明具體的子元素仍然為jquery對(duì)象
$("#container").children(".line").eq(1).attr();
// 通過(guò)jquery的children方法獲取id為container下的所有class為line的元素努隙,并將第二個(gè)元素使用jquery的attr()方法進(jìn)行進(jìn)一步處理
// 即$("#container").children(".line").eq(1)獲取的第二個(gè)元素還是jquery對(duì)象