jQuery对象转化成DOM对象
jQuery提供了两种方法将一个jQuery对象转化成DOM对象:[index]和get(index)
1、jQuery对象是一个数组对象,可以通过[index]的方法得到相应的DOM对象
例如,
var $cr = $("#cr");//jQuery对象
var cr = $cr[0];//DOM对象
alert(cr.checked);//检测这个checkbox是否被选中了
2、由jQuery本身提供的,通过get(index)方法得到相应的DOM对象
例如,
var $cr = $("#cr");//jQuery对象
var cr = $cr.get(0);//DOM对象
alert(cr.checked);//检测这个checkbox是否被选中了
DOM对象转化成jQuery对象
对于一个DOM对象,只需用$()把DOM对象包装起来,即可获得一个jQuery对象。即$(DOM对象)。
例如,
var cr = document.getElementById("cr");//DOM对象
var $ct=$(cr);//jQuery对象
#id作为选择符取的的是jQuery对象而非documnet.getElementById(“id”)所得到的DOM对象,两者并不等价。
获取的对象是jQuery对象,那么在变量前面加上$用以区分。
$("#ID")替代document.getElementById()函数,即通过ID获取元素。
$("tagName")用来替代document.getElementByTagName()函数,即通过标签获取HTML元素。
当用jQuery检查某个元素在网页上是否存在时,不能使用下面代码:
if($("#tt")){
//...
}
而应该根据获取到元素的长度来判断:
if($("#tt").length > 0 ){
//...
}
或者转化成DOM元素来判断
if($("#tt")[0] ){
//...
}
分享到:
相关推荐
《jQuery权威指南》学习笔记之第3章 jQuery操作DOM
7. jQuery对象和DOM对象 3 第2章. jQuery选择器 4 1. jQuery优点 4 2. 基本选择器 4 3. 层次选择器 4 4. 过滤选择器 5 5. 内容过滤选择器 5 6. 可见性过滤选择器 5 7. 属性过滤选择器 6 8. 子元素过滤选择器 6 9. ...
这个笔记是很全面的原生Ajax用法、json解释和jQuery选择器、dom操作、事件的讲解每一部分都有例子搭配,是学习熟悉jQuery的好资料!
学习jQuery其实还是在学DOM。 (3). 极简化: jQuery是对传统DOM操作的终极简化。jQuery是对DOM的每一步操作都进行了终极的简化。但是,步骤并没有减少。 (4). 函数库: jQuery中一切都是函数,没有属性。 2. 为什么:...
使用jQuery选择器选择页面元素,目的是为了生成jQuery对象,语法相当简单:$(selector)。...从上面的例子也可以看出,jQuery对象可以视为是一个DOM对象数组,因此转换成DOM对象可使用get(index)方法或者
DOM对象和jQuery对象的操作时很重要的,是jquery与页面元素互动的基础。
jQuery学习笔记之jQuery的DOM操作实现方法, 学习jquery与dom操作的朋友可以参考下。
JQuery对象和DOM对象的相互转换 3.1 DOM 对象转化JQuery对象 3.2 JQuery对象转化DOM 对象 三.$()选择器 1.$()选择的结果是一个类数组 2.使用方法(引号问题) 3.文档加载 3.1 [removed]()函数和$(document).re
主要介绍了jQuery学习笔记之创建DOM元素的相关资料,需要的朋友可以参考下
jquery学习笔记,很全面的介绍jquery的用法。 存在的html片段)包装成jQuery对象。 $()方法里面支持的语法又包括3大类,分别是表达式(包括类表达式.,id表达式#,元素表达式等)、符号(包括后代符号space,next符号+...
JQuery学习中的笔记。包括内置函数、Dom对象和JQuery对象、选择器和过滤器、隐式迭代等
帮你了解什么是jQuery,jQuery的特点。...jQuery选择器,DOM对象和jQuery对象的互相转换以及为啥要转换。获取当前元素的其他方法,创建元素的方法。修改元素属性与自定义属性的方法。以及多库共存如何使用。
jQuery基本语法 jQuery与DOM对象的转换 jQuery选择器 元素选择器 属性选择器 筛选 操作标签属性 操作css 内容操作 jQuery事件
例如:使用DOM Core来获取表单对象的方法: document.getElementsByTagName(“form”); 2,HTML-DOM. 在使用JavaScript和DOM为HTML文件编写脚本的时候.有许多专属于HTML-DOM的属性.HTML-DOM的出现甚至比DOM Core还要早...
最近在学习jQuery,在网上看到有几篇关于jQuery的文章,写的不错转载过来跟大家分享一下; 一、JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察。 不使用...
从jQuery的概述开始,包含jQuery选择器,包装集操作,DOM编程,事件编程,jQuery与ajax集成,常用的工具API,jQuery插件开发,内核研究以及常用插件知识。