Dom对象与jQuery对象的转换
(1) Dom转jQuery包装集
如果要使用jQuery提供的函数, 就要首先构造jQuery包装集.,比如:
$("#testDiv");
上面语句构造的包装集只含有一个id是testDiv的元素.
或者我们已经获取了一个Dom元素,比如:
var div = document.getElementById("testDiv");
上面的代码中div是一个Dom元素, 我们可以将Dom元素转换成jQuery包装集:
var domToJQueryObject = $(div);
(2) jQuery包装集转Dom对象
jQuery包装集是一个集合, 所以我们可以通过索引器访问其中的某一个元素:
var domObject = $("#testDiv")[0];
注意, 通过索引器返回的不再是jQuery包装集, 而是一个Dom对象!
jQuery包装集的某些遍历方法,比如each()中, 可以传递遍历函数, 在遍历函数中的this也是Dom元素,比如:
$("#testDiv").each(function() { alert(this) })
如果我们要使用jQuery的方法操作Dom对象,怎么办? 用上面介绍过的转换方法即可:
$("#testDiv").each(function() { $(this).html("修改内容") })
- 浏览: 66437 次
- 性别:
- 来自: 常州
文章分类
最新评论
发表评论
-
Java Application打包为jar后的命令行启动方式
2018-08-10 14:20 888对于可执行Java Application 编译打包为ja ... -
JavaFX应用举例
2018-02-26 13:13 450JavaFX目前是JDK8自带的一套UI框架(jfxrt. ... -
Java检查*.class文件的编译版本
2017-12-07 10:24 1401使用jdk的javap命令可以 ... -
使用itext5进行文字或图片签章
2017-12-04 14:44 2008记录一下使用iText5组件进行pdf文字或图片签章 ... -
Python安装pip设置HTTP代理下载第三方库之类
2017-11-01 16:56 4327环境是:Win7下,公司内网,需要通过HTTP代理并鉴权, ... -
多组radiobox提交时后台的获取的情况及处理
2017-05-02 15:07 923在HTML标签或者js生成的页面代码中,有时需要提交多组单 ... -
python的模块和包import实测
2017-01-04 13:53 7311,程序所在主目录的模块(某个文件),可以直接import ... -
Java ODBC 连接 MS Access 和 MS Excel
2014-11-21 11:15 358Java ODBC 连接 MS Access 和 MS E ... -
WebSocket简单实现
2016-10-10 16:36 404WebSocket是基于HTML5标准的TCP协议,有点像 ... -
JavaWeb项目使用BlazeDS整合Flex进行RemoteObject数据交互
2016-05-20 14:28 367目标: 1,Java Web Project整合Flex ... -
JavaScript优化小记
2016-06-08 09:42 399前段时间接到一个任务:对项目组的Web项目主画面进行性能优 ... -
J2EE HttpSessionAttributeListener实现登录用户在线记录
2016-06-20 09:27 474web.xml配置 <listene ... -
JSP登录前后改变JSESSIONID
2016-06-20 10:04 552配置web.xml的filter(需要配置在Stru ... -
不同浏览器根据超链接的target属性查找iframe
2016-08-03 17:33 4491,情景: 点击超链接,在iframe中显示加载的新页面 ... -
JAVA中AWT基本组件及其使用方法(一)
2014-11-21 13:15 3909JAVA中AWT基本组件及其 ... -
java自动生成图片
2014-11-21 13:17 1377[转载] 在Web应用中,经常需要动态生成图 ... -
可执行java程序,打包成jar,并注册为Windows的系统服务
2015-05-13 16:23 887为了实现把自己的可 ... -
配置jar包中的框架配置文件,访问jar包中的文件
2015-05-14 13:02 551============================= ... -
调整JVM配置运行java程序
2015-05-22 16:44 946----------------------------- ... -
SFTP下载客户端[单用户多线程、限速、取消、断点续传]
2015-06-15 16:18 2854采用JSCH API(本例引用了jsch-0.1.52.j ...
相关推荐
dom对象与jquery对象转换[参考].pdf
jQuery简介、jQuery使用详解、DOM对象与jQuery对象的转换与区别
jQuery对象转换为dom对象 只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属性和方法在jQuery上也是无法调用的,不过基本上jQuery类库提供的函数包含了所有的dom操作。有时尤其是在初学jQuery,无法...
主要介绍了jQuery对象和DOM对象之间相互转换的方法介绍,本文讲解了jQuery对象转成DOM对象、DOM对象转换成jQuery对象方法,需要的朋友可以参考下
DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法,但是不能使用 jQuery 里的方法。例如:document.getElementById(“img”).src = “test.jpg”;这里的document.getElemen
1、jQuery对象转换成DOM对象 jQuery对象不能使用DOM中的方法,但如果对jQuery对象所提供的方法不熟悉,或者jQuery没有封装想要的方法,不得不使用DOM对象的时候,有以下两种处理方法: 1、jQuery对象是一个类似数组...
本文实例分析了DOM对象和jQuery对象的转换与区别。分享给大家供大家参考。具体分析如下: jQuery Hello World程序: [removed] 引入jQuery.存在两个版本,jquery-x.y.z.min.js是精简压缩版,不带min的是开发版,代码中...
2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$()转换成jquery对象。
2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$()转换成jquery对象...
2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可..........
(http://shawphy.com/jqueryapi/ 这里是最新文档,有离线版下载) 第三步,深刻了解jQuery对象和普通DOM对象的区别。互相转化见Q1 Q1,js的写法:document.getElementById(‘save’).disabled=true; 在jquery中我是...
jQuery对象和DOM对象相互转化 jQuery对象和DOM对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;例如$(“#img”).attr(“src”...
在讨论之前,先约定好定义变量的风格。 如果获取的对象是jQuery对象,那么在变量前加上$,...jQuery提供了两种方法将一个jQuery对象转换成DOm对象,即[index]和get(index). 1、jQuery对象是一个数组对象,可以通过
DOM对象能使用Javascript固有的方法,但是不能使用jQuery里的方法。例如:document.getElementById(“img”).src=”test.jpg”;这里的document.getElementById(“img”)就是DOM对象;$(“#img”).attr(“src”,”...
jquery对象是一个集合,相当于元素集合成的数组,而DOM对象是一个单独的DOM元素 jquery对象转化为DOM元素: 1、利用数组下标的方式 例var $div = $(‘div’) var div = $div[0] 2、通过jQuery自带的get()方法 ...
什么是jQuery对象? —就是通过jQuery包装DOM对象... 虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法.乱使用会报错。比如:$(“#test”)[removed]、
2、jQuery对象———->DOM对象 下标选取法(原理:jQuery是DOM的数组形式):$(“h2”)[1] 使用.get(index)函数 3、字符串———–>DOM对象 写一个脚本函数 function parseDom(nodelist) { //nodelist是html文本字符串 ...