前端基础-jQuery对象和DOM对象

第3章 jQuery对象和DOM对象

3.1 jQuery对象和DOM对象的区别

DOM对象

用原生JavaScript获取的DOM对象
	通过document.getElementById()  反馈的是元素(DOM对象)
通过document.getElementsByTagName()获取到的是什么?
	伪数组(集合),集合中的每一个对象是DOM对象

jQuery对象

jQuery对象 用$()的方式获取的对象
jQuery对象又可以叫做包装集(包装的DOM对象的集合)

区别

jQuery对象不能使用DOM对象的成员,DOM对象不能使用jQuery对象的成员

<div id="box"></div>
<script>
    // DOM对象
    var box = document.getElementById('box');
    // 错误
    box.text('hello');
    // 正确
    box.innerText = 'hello';

    // jQuery对象,jQuery对象加前缀$,用以区分DOM对象
    var $box = $('#box');
    // 错误
    $box.innerText = 'hello';
    // 正确
    $box.text('hello');
</script>

3.2 jQuery对象和DOM对象的相互转换

jQuery对象转换成DOM对象:   
	jQuery对象.get(索引值); 
	jQuery对象[索引值] 
    	jQuery对象是包装集(集合),从集合中取数据可以使用索引的方式
DOM对象转换成jQuery对象:   
	$(DOM对象) 只有这一种方法;
发布了1951 篇原创文章 · 获赞 2072 · 访问量 19万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 酷酷鲨 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览