jQuery对象和DOM对象
16lz
2021-01-22
1.jQuery对象
jQuery对象是通过jQuery包装DOM对象后产生的对象
jQuery对象是jQuery独有的，拥有jQuery里独有的方法
<div id="dd">
人丑就要多读书
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script>
console.log(document.getElementById('dd'));
$(function(){
console.log($('#dd'));
})
</script>
运行的结果：
注：jQuery对象中无法使用DOM对象的任何方法。
DOM对象也不能使用jQuery里面的方法。
2.jQuery对象和DOM对象的相互转化
（1）、jQuery提供了两种方法将一个jQuery对象转换成DOM对象
代码：
<script>
$(function(){
//方法一
console.log($('#dd')[0]);
//方法二
console.log($('#dd').get(0));
})
</script>
运行的结果：
（2）、DOM对象转化成jQuery对象。
只需要把DOM对象包装起来，既可以获得一个jQuery对象了。
代码：
<script>
$(function(){
var dd=document.getElementById('dd')
console.log($(dd));
})
</script>
运行结果：
更多相关文章
- 如何修复JSON对象的假数组?
- 如何使用ajax GET或POST方法将数据传递到amazon lambda节点。js
- Jquery常用技巧和方法收集
- Chosen 基于jquery的选择框插件使用方法
- jQuery $ajax 传中文数据到action乱码解决方法
- JQuery 的选取元素 和 方法
- jquery的function方法中each循环里面判断失败跳出function方法
- js/jquery常用方法------复制粘贴至剪切板
- php中的json对象未被读取