JQuery对象和DOM对象
JQuery对象和DOM对象
1. 用原生js获取的对象就是DOM对象
2. 用JQuery获取的对象就是JQuery对象
$(‘div’)
3. 两种对象的区别:JQuery对象本质是:利用$对DOM对象包装后产生的对象(伪数组形式存储)
示例代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="jquery.min.js"></script> </head> <body> <div>北冥</div> <span>鱿鱼</span> <script type="text/javascript"> //DOM对象:用原生JS获取过来的对象就是DOM对象 var myDiv = document.querySelector('div'); //myDiv 是DOM对象 var mySpan = document.querySelector('span');//mySpan是DOM对象 //jquery对象:用jquery方式获取的对象是jquery对象。本质是通过$把DOM元素进行了包装 $('div'); $('span'); //两者容易混淆 myDiv.hide()//错误,myDiv是一个DOM对象,不能还有jquery里面的hide方法。 $('div').style.display = 'none'//错误,jquery对象不能使用原生js属性和方法 </script> </body> </html>
上一篇:css类选择器
下一篇:批量删除用到的js代码