jQuery与DOM对象
为什么要把DOM对象转jQuery对象,为什么又把jQuery对象转DOM对象?
- DOM操作很麻烦(兼容,一个功能写好多代码)——>转jQuery对象,操作简单,不需要写兼容
- jQuery操作中,有一些兼容没封装在jQuery中,转DOM对象,通过原生的js代码实现功能,如果后面都解决了,又想简单的写代码操作内容,再转回jQuery对象
DOM->jQuery
var btnObj = document.getElementById("btn");
$(btnObj).click(function () { console.log("哈哈,我使用了jq魔法"); });
|
jQuery->DOM
var btnObj2=$("#btn");
btnObj2[0].onclick=function () { console.log("哈哈,我又变回DOM了"); };
|
对比jQuery与DOM
console.log(btnObj1==btnObj2); console.log(btnObj1==btnObj2[0]); console.log($(btnObj1) == btnObj2);
|