JQuery对象和DOM对象怎么用
小编给大家分享一下JQuery对象和DOM对象怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
JQuery对象和DOM对象
1. 用原生js获取的对象就是DOM对象
2. 用JQuery获取的对象就是JQuery对象
$(‘div’)
3. 两种对象的区别:JQuery对象本质是:利用$对DOM对象包装后产生的对象(伪数组形式存储)
示例代码:
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><scriptsrc="jquery.min.js"></script></head><body><div>北冥</div><span>鱿鱼</span><scripttype="text/javascript">//DOM对象:用原生JS获取过来的对象就是DOM对象varmyDiv=document.querySelector('div');//myDiv是DOM对象varmySpan=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>
以上是“JQuery对象和DOM对象怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。