jQuery对象------02
2019-01-05 13:20
27 查看
版权声明:俗世凡人行(释) QQ:748507607 https://blog.csdn.net/weixin_41887155/article/details/85846949
目录
一: DOM对象
DOM对象 :通过getElementById获取的对象,我们都称之为DOM对象
eg: document.getElementById(id);
document.getElementsByName(name);
document.getElementsByTagName(tagName);
=>这几种方式获取的对象都是DOM对象
二: jQuery对象
jQuery对象 :在jQuery中,通过$符号获取的元素,我们都称之为jQuery对象
=>DOM对象不能调用jQuery对象的属性或方法,jQuery对象也不可以调用dom对象的属性或方法。
三: 深入探讨jQuery对象
=>jQuery对象其实质就是一个DOM对象的集合,当前jQuery获取多少个元素,那么jQuery对象的
长度就是元素的个数,每一个元素其本质又都是一个DOM对象。
四: jQuery对象转DOM对象
<a> jQuery对象[索引] == DOM对象
<b> jQuery对象.get(索引) == DOM对象
<div>您好</div>
<div id='div1'>Word</div>
<div></div>
eg: 弹出您好
var div=$('div');
alert(div[0].innerHTML); //jQuery对象转DOM对象后弹出
alert(div.html()); //jQuery直接弹出
五: DOM对象转jQuery对象
=>DOM对象转化为jQuery对象只需要在DOM对象前面加$符号;
$(DOM对象) == jQuery对象
eg: var div1=document.getElementById('div1'); //DOM对象
alert(div1.innerHTML); //通过DOM对象弹出word
alert($(div1).html());//DOM对象转化为jQuery对象后弹出word
相关文章推荐
- jQuery源码02--(3043 , 3183) Deferred : 延迟对象 : 对异步的统一管理
- jQuery学习02---jQuery对象与Dom对象
- 面向对象进阶 02 join方法
- DOM对象与jquery对象对比
- Jquery 获取指定标签的对象及属性的设置与移除
- jQuery对象和DOM对象
- 基于jQuery选择器之表单对象属性筛选选择器的实例
- jquery学习--对象
- jQuery 工具--数组和对象操作
- jQuery基础教程之强大的选择器(过滤选择器-表单对象属性过滤选择器)
- jquery对象和DOM对象的相互转换详解
- jquery js 传递对象 数组
- 源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-使用构造函数语法创建对象
- 02_EXTJS在面向对象所出的努力
- JQuery_JQuery对象和DOM对象的区别和转换
- 转:jQuery对象与dom对象的转换
- jquery-表单对象属性过滤选择器
- JQUERY 获取IFrame中对象及获取其父窗口中对象示例
- jQuery对象与dom对象相互转换
- 002_JavaScript对象定义方式剖析——北京圣思园JavaScript&jsUnit&Ajax&jQuery