`

JS(DOM)对象和JQuery对象的相互转换

阅读更多

在项目中如果涉及js操作比较多的时候,经常需要js对象和jquery对象进行相互转换。下面我们来说说实现方法:

 

一、JS对象转JQuery对象:

普通的JS对象一般可以通过$()转换成JQuery对象。

 

var JsItem=document.getElementById("msg")) 
var JqueryItem = $(JsItem);
 

 

二、JQuery对象转JS对象:

由于JQuery对象本身是一个集合。所以如果JQuery对象要转换为JS对象则必须取出其中的某一项,一般可通过索引取出。 如:

//第一种方式
$("#msg")[0];//$("td")[5] 

//第二种方式
$("#msg").eq(0)[0];//$("div").eq(1)[0]

//第三种方式
$("#msg").get(0);//$("div").get()[1]
 

 

注意,调用方法时要注意操作的是DOM对象还是JQuery对象,只有JQuery对象才能使用JQuery定义的方法

分享到:
评论
1 楼 我是码农 2012-08-17  
is good 

相关推荐

    jquery对象和javascript对象即DOM对象相互转换

    jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法;例如: $(“#img”).attr(“src”,”test.jpg”); 这里的 $(“#img”)...

    jQuery对象和DOM对象的相互转化实现代码

    jQuery对象和DOM对象相互转化 jQuery对象和DOM对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;例如$(“#img”).attr(“src”...

    jQuery之DOM对象和jQuery对象的转换与区别分析

    本文实例分析了DOM对象和jQuery对象的转换与区别。分享给大家供大家参考。具体分析如下: jQuery Hello World程序: [removed] 引入jQuery.存在两个版本,jquery-x.y.z.min.js是精简压缩版,不带min的是开发版,代码中...

    jQuery对象和DOM对象相互转化

    DOM对象能使用Javascript固有的方法,但是不能使用jQuery里的方法。例如:document.getElementById(“img”).src=”test.jpg”;这里的document.getElementById(“img”)就是DOM对象;$(“#img”).attr(“src”,”...

    jquery对象和DOM对象的区别介绍

    (http://shawphy.com/jqueryapi/ 这里是最新文档,有离线版下载) 第三步,深刻了解jQuery对象和普通DOM对象的区别。互相转化见Q1 Q1,js的写法:document.getElementById(‘save’).disabled=true; 在jquery中我是...

    JQUERY 对象与DOM对象之两者相互间的转换

    今天主要看看jQuery对象和dom对象的相互转换,明白了这个,以后用起jQuery会方便很多。 1、方法名冲突的解决办法 在开始使用jQuery时,我们首先应该避免jQuery与其他类库或自定义js的冲突。 先看一段最简单的代码: ...

    锋利的jQuery pdf + 示例代码

    《锋利的jQuery》适合所有对jQuery技术感兴趣的Web设计者和前端开发人员...1.4.2 jQurey对象和DOM对象的相互转换 13 1.4.3 实例研究 14 1.5 解决jQuery和其他库的冲突 16 1.6 jQuery开发工具和插件 18 1.7 小结 22

    jQuery对象和Javascript对象之间转换的实例代码

     如果我们在用jQuery作为客户端页面的脚本,时常都会涉及到jQuery对象和Javascript对象的相互转换。因为,DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法,但是不能使用 jQuery ...

    锋利的jQuery_高清_书签.part2

    1.4.2 jQurey对象和DOM对象的相互转换 1.4.3 实例研究 1.5 解决jQuery和其他库的冲突 1.6 jQuery开发工具和插件 1.7 小结 第2章 jQuery选择器 2.1 jQuery选择器是什么 2.2 jQuery选择器的优势 2.3 jQuery选择器 ...

    初始jQuery

    也可以将jQuery对象转换DOM对象,使用DOM对象特有的成员提供的功能 8. 可以使用addClass()方法和css()方法为DOM元素添加样式 9. 使用next()方法可以获得所匹配元素集合中每个元素其后紧邻的同辈元素

    JavaScript对象之间的转换 jQuery对象和原声DOM

    $(“#test”) //jQuery对象 $(“#test”)[0] //jQuery对象->原生的DOM对象 $($(“#test”)[0]) //DOM对象->jQuery对象(有点绕,但只要明白使用$()后能将原生的DOM对象封装成jQuery对象即可)

    根据DOM将html转为canvas图片格式

    该代码为 html转base64图片格式,hmtl+js 需要IE9以上浏览器或firefox,chrome支持!

    JQuery学习笔记一(JQuery选择器.css样式操作,节点关系)

    JQuery对象和DOM对象的相互转换  3.1 DOM 对象转化JQuery对象 3.2 JQuery对象转化DOM 对象 三.$()选择器 1.$()选择的结果是一个类数组 2.使用方法(引号问题) 3.文档加载  3.1 [removed]()函数和$(document).re

    javascript中html字符串转化为jquery dom对象的方法

    最近项目需求要开发百度地图相关的一个应用,需要从硬编码的html字符串中提取自己想要的元素以及属性信息,由于在js中或者jq中操作...下面介绍javascript中html字符串转化为jquery dom对象的方法,需要的朋友可以参考下

    《锋利的jquery》实例源码

    配本书源代码 本书内容的编排 jQuery介绍-->...最后对jQuery对象和DOM对象的相互转换,jQuery和其他库的冲突两个常见问题进行了详细描述。此外,本章还介绍了几款jQuery的开发工具和插件。本章是全书的基础。

    JavaScript组件之JQuery(A~Z)框架教程-郑健老师

    1.概述2. 预备条件3. 代码示例(1)访问页面元素(2)Dom对象和JQuery对象转换示例(3)访问对象内部元素(4)显示/隐藏元素(5)根据条件查询对象元素集合(6)Document.Ready方法示例。。。。

    JQuery权威指南源代码

    第1章 第一个简单的jQuery程序 jQuery事件的链式写法 控制jQuery对象 jQuery控制CSS样式 第2章 使用JavaScript实现隔行变色 ...DOM对象与jQuery对象的类型转换 第11章 应用案例-聊天室系统 应用案例_图片切割

    jQuery学习总结笔记

    帮你了解什么是jQuery,jQuery的特点。...jQuery选择器,DOM对象和jQuery对象的互相转换以及为啥要转换。获取当前元素的其他方法,创建元素的方法。修改元素属性与自定义属性的方法。以及多库共存如何使用。

Global site tag (gtag.js) - Google Analytics