- 浏览: 231442 次
- 性别:
- 来自: beijing
文章分类
JQuery 很强大,比DOM使用更加简练,
初学得必须认识下JQuery对象:
JQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象,${”#Element”}不能直接innerHTML.
JQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。
EG: 下面为jquery对象,可以使用jquery的方法
- $(document.getElementById("msg"))
EG: 下面是DOM对象,JQuery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。
- $("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]
别的写法JQuery转换DOM对象如下:
- $("#msg").html();
- $("#msg")[0].innerHTML;
- $("#msg").eq(0)[0].innerHTML;
- $("#msg").get(0).innerHTML;
发表评论
-
重写openalyers 的方法,加载天地图瓦片数据
2012-06-20 09:16 6385将TiandituLayer 加载到OpenLayers.js ... -
ArcGIS客户端API中加载大量数据的几种解决办法
2012-06-20 09:18 3090原文地址:http://blog.newnaw.com/?p= ... -
table_border.html
2011-01-21 17:07 937<html> <head> ... -
jquery 菜单效果一个
2010-09-26 16:02 1178<html> <head> ... -
ExtJs layout
2010-07-20 15:20 1349extjs的容器组件都可以设置它的显示风格,它的有效值有 ab ... -
验证验证
2010-05-28 15:40 961匹配中文字符的正则表 ... -
jquery validate.js x学习
2010-04-12 16:05 1266学习了 jquery validate.js ... -
CSS 定义鼠标的样式
2009-12-17 15:33 1700CSS允许你控制网页外观 ... -
学习AJAX框架后的理解
2009-11-25 14:20 1016现在很多的AJAX框架,表现的是很优秀恩 不大可能一下就 ... -
jquey中的$符号与其他框架的$的冲突解决方法
2009-11-25 12:39 1033Jquery 中的$(id)方法来获取一个元素,或者其他的一些 ... -
IE6下div不能将select框遮住
2009-11-24 13:35 1948<Fieldset style="border ... -
DHTMLX框架AJAX
2009-11-20 17:28 1393在项目中用了下Dhtml的Grid,一直都没有仔细的 ... -
关于页面的传值
2009-11-20 10:46 1121有两个页面,父页面与子页面,父页面要传一个参数给子页面, ... -
jQuery 的CSS属性
2009-11-15 16:06 6631CSS属性的设定, 可以用预先定义的 CSS样式,使用$ ... -
jQuery 理解
2009-11-15 14:10 1191jquery this的含义 在触发事件的时候,是指向原生态 ... -
jquery理解
2009-11-11 10:24 1108下载好后引用这个jQuery库就可以了我们的jQuery开发了 ... -
内存泄露与闭包
2009-11-05 17:34 1639JavaScript 编程来说,内存泄露是一个很潜在的危险,主 ... -
JavaScript的跨域问题
2009-11-05 17:03 1628可能是经过的项目少,还没有经历过跨域问题,于是收集点跨 ... -
使用dtmlxGrid 未知运行的错误。与显示不出来的情况
2009-09-22 16:05 963ie4,ie6,ie7 环境下会出现这个错误, 原因 gri ... -
javaScript 中 call 函数与apply的用法说明
2009-09-11 10:44 1521call 的用法 javaScript 中的 call ...
相关推荐
最后,我们要认识到,虽然DOM对象和jQuery对象可以互相转换,但它们本质上是不同的对象类型,各自有自己的优势和使用场景。在开发中合理地选择使用jQuery对象或DOM对象,或者在需要时进行适当的转换,将帮助我们编写...
《锋利的jQuery》适合所有对jQuery...1.4.1 DOM对象和jQuery对象简介 11 1.4.2 jQurey对象和DOM对象的相互转换 13 1.4.3 实例研究 14 1.5 解决jQuery和其他库的冲突 16 1.6 jQuery开发工具和插件 18 1.7 小结 22
- **命名约定**:为了区分jQuery对象与DOM对象,可以约定变量命名规则。例如,获取jQuery对象时,变量名前加`$`,如`var $variable = jQuery对象`;获取DOM对象时,变量名前不加任何特殊字符,如`var variable = DOM...
1.4.1 DOM对象和jQuery对象简介 1.4.2 jQurey对象和DOM对象的相互转换 1.4.3 实例研究 1.5 解决jQuery和其他库的冲突 1.6 jQuery开发工具和插件 1.7 小结 第2章 jQuery选择器 2.1 jQuery选择器是什么 2.2 jQuery选择...
使用 `$(domObject)` 可以将 DOM 对象转换为 jQuery 对象,而使用 `.get(index)` 或 `[index]` 可以从 jQuery 对象中获取 DOM 对象。 ### jQuery 语法结构 - **工厂函数**:`$()` 是一个工厂函数,它接受一个参数...
##### 4.2 jQuery对象与DOM对象的转换 **从DOM对象到jQuery对象**: - 可以通过`$()`函数将DOM对象转换为jQuery对象。 **示例**: ```javascript var domElement = document.getElementById("example"); var ...
jquery开发入门/1 1.1 jquery概述/2 1.1.1 认识jquery /2 1.1.2 jquery基本功能/2 1.1.3 搭建jquery开发环境/3 1.1.4 编写第一个简单的jquery应用/3 1.1.5 jquery程序的代码风格/5 1.2 jquery的简单应用/7 ...
书名:jQuery权威指南(系统介绍jQuery方方面面,囊括118个实例和2个综合案例,实战性强) 作者:陶国荣 著 ...10.8.2 DOM对象与jQuery对象的类型转换/335 10.9 本章小结/337 第11章 综合案例开发...
jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 编程,特别是在处理网页文档对象模型(DOM)、事件处理、动画效果以及异步通信(Ajax)方面。在本文中,我们将深入了解 jQuery 的基本概念和主要...
5. **JQuery对象与DOM对象的转换**: - **jQuery对象转DOM对象**:jQuery对象可以通过索引访问其包含的DOM元素,如`var cr = $cr[0];`或使用`.get()`方法,如`var cr = $cr.get(0);`。这样转换后,你可以使用DOM...
jQuery 是一个广泛使用的 JavaScript 库,它为网页开发提供了丰富的功能和便利,简化了与 HTML DOM(文档对象模型)交互的复杂性,并处理了浏览器之间的兼容性问题。本系列文章旨在引导初学者深入理解并掌握 jQuery...
- **4.3.2 DOM对象转换为jQuery对象**:将DOM对象传递给$()函数即可将其转换为jQuery对象,如`$(document.getElementById("app"))`。 #### 五、编写jQuery代码 ##### 5.1 导入jQuery库 在使用jQuery之前,必须先在...
jQuery对象可以转换为DOM对象(`.get(0)`或`[0]`),反之亦然(`$(domElement)`)。 ### 第二章 jQuery 选择器 jQuery 提供了丰富的选择器,使得选取页面元素变得简单。 #### 2.1 基本选择器 - `#id`:通过ID...
在Visual Studio中,jQuery可以与.NET框架无缝结合,*** MVC项目甚至会自动引入jQuery类库。这体现了微软对jQuery的支持和推荐,这使得.NET开发者能够更加方便地使用jQuery。 总结来说,通过阅读这篇文章,开发者...
10.5.1 jquery在其他库前导入 10.5.2 jquery在其他库后导入 10.6 使用子查询优化选择器性能 10.7 减少对dom元素直接操作 10.8 正确区分dom对象与jquery对象 10.8.1 dom对象与jquery对象的定义 10.8.2 ...
插件通常通过`$.fn.extend()`方法添加到jQuery对象上,使我们能够为jQuery对象添加新的方法。 总的来说,《jQuery权威指南源码》是一个深入学习JavaScript和前端开发的宝贵资源。通过阅读和理解这份源码,开发者...
4. **对象与原型**:JavaScript的面向对象基于原型,通过原型链实现继承。 5. **闭包**:闭包是JavaScript中的一个高级概念,它可以访问并操作外部作用域的变量,即使在外部作用域已经销毁的情况下。 6. **异步...
### 二、jQuery对象与DOM对象转换 jQuery对象和DOM对象是不同的,但它们之间可以互相转换。jQuery对象使用 `$()` 包裹DOM对象,反之,`get(index)` 或 `[index]` 可以将jQuery对象转为DOM对象。 - **jQuery转DOM**...
接着,我们学习jQuery对象和DOM元素的区别。jQuery对象是jQuery函数返回的结果,包含了多个DOM元素,可以执行jQuery的方法;而DOM元素是对网页结构的直接引用。使用`.get()`方法可以从jQuery对象中获取DOM元素。 ...