`
dcj3sjt126com
  • 浏览: 1831081 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery对象与js对象的相互转换

 
阅读更多

 jQuery对象转成DOM对象: 

两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index); 

(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。 

如:var $v =$("#v") ; //jQuery对象 

var v=$v[0]; //DOM对象 

alert(v.checked) //检测这个checkbox是否被选中 

(2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象 
如:var $v=$("#v"); //jQuery对象 
var v=$v.get(0); //DOM对象 
alert(v.checked) //检测这个checkbox是否被选中

 

DOM对象转成jQuery对象: 

对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象) 

如:var v=document.getElementById("v"); //DOM对象 

var $v=$(v); //jQuery对象 

转换后,就可以任意使用jQuery的方法了。 

分享到:
评论

相关推荐

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

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

    02-Jquery对象与JS对象的相互转换.mp4

    有html,css,js基础的可以看看,讲的不好多多理解

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

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

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

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

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

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

    jQuery对象和DOM对象相互转化

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

    锋利的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对象和DOM对象的区别介绍

    互相转化见Q1 Q1,js的写法:document.getElementById(‘save’).disabled=true; 在jquery中我是这样写的$(“#save”).disabled = true; 为什么没效果呢 A,这个是典型的问题,其实因为$(“#save”)出

    锋利的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选择器.css样式操作,节点关系)

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

    《锋利的jquery》实例源码

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

    jquery_json.rar_JSON_jquery_jquery-json_jquery.json_jquery.json.

    jquery提供的json插件,提供js对象与json字符串间互相转换

    Json、Webservice、Jquery、Ajax

    版本号:v1.0 创建人:王国胜 版本创建日期:2011-03-30... CollectionHelper.cs List与DataTable相互转换类 JsonAndDateTable.cs Json与DataTable相互转换类 Default.aspx Json、Webservice、Jquery、Ajax测试页

    JS对象与JSON格式数据相互转换

    目前的项目数据交互几乎都用JQuery... 一、JS对象转换成为JSON 流程:读取前端页面数据,组装成为JS对象,并通过jQuery的$.post()方法传递给python。 处理:引用一个json2.js文件,调用JSON.stringify()方法。例如:var

    深入分析JQuery和JavaScript的异同

    一、JQuery对象和DOM对象的相互转化(《锋利的JQuery》)  JQuery转化为DOM:  1、var jq = $(‘#selector’); var dom = jq[index];  2、var jq1 = $(‘#selector1′); var dom1 = jq1.get(index) 或者 var ...

    jQuery学习总结笔记

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

    JQuery常用选择器功能与用法实例分析

    反之JS的getElement方法获取var变量后,可以通过$(var)转化成JQuery对象。 JQuery的选择器, id选择$(“#id”),class选择$(“.class”),元素选择$(“elemrnt”),选择所有$(“*”)。层级选择器有:子选择器$(...

    jquery 新手学习常见问题解决方法

    互相转化见Q1 Q1,js的写法:document.getElementById(‘save’).disabled=true;在jquery中我是这样写的$(“#save”).disabled = true; 为什么没效果呢A,这个是典型的问题,其实因为$(“#save”)出来的其实是jQuery...

Global site tag (gtag.js) - Google Analytics