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


Posted in Javascript onMarch 20, 2013
以下是本人的一些分享,我热爱编程,希望能多交编程的爱好者,如果你也是其中一名,那么请加好友,大家关注一下,下面的文章是自己觉得一些有用的东西,留下来给自己当笔记,当然也希望能帮助到你,首先感谢你的阅读~!
如果我们在用jQuery作为客户端页面的脚本,时常都会涉及到jQuery对象和Javascript对象的相互转换。因为,DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法,但是不能使用 jQuery 里的方法。所以,我们广州达内分享一点点它们之间的转换代码供大家学习及参考。


1. DOM 对象转成 jQuery 对象

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

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

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

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

2. 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对象 ( $v.get()[0] 也可以 )

alert(v.checked); //检测这个 checkbox 是否被选中
Javascript 相关文章推荐
jquery获取对象的方法足以应付常见的各种类型的对象
May 14 Javascript
js实现飞入星星特效代码
Oct 17 Javascript
JavaScript中的Math.SQRT1_2属性使用简介
Jun 14 Javascript
详解AngularJS Filter(过滤器)用法
Dec 28 Javascript
js中遍历对象的属性和值的方法
Jul 27 Javascript
Node.js中文件操作模块File System的详细介绍
Jan 05 Javascript
JavaScript数组去重的6个方法
Jan 21 Javascript
JavaScript提高加载和执行效率的方法
Feb 03 Javascript
es6系列教程_ Map详解以及常用api介绍
Sep 25 Javascript
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
Javascript的this详解
Mar 23 Javascript
vue中如何实现后台管理系统的权限控制的方法步骤
Sep 05 Javascript
jquery的ajax请求全面了解
Mar 20 #Javascript
js控制滚动条缓慢滚动到顶部实现代码
Mar 20 #Javascript
JSON+JavaScript处理JSON的简单例子
Mar 20 #Javascript
js或者jquery判断图片是否加载完成实现代码
Mar 20 #Javascript
javascript 三种方法实现获得和设置以及移除元素属性
Mar 20 #Javascript
asp.net中System.Timers.Timer的使用方法
Mar 20 #Javascript
js控制的回到页面顶端goTop的代码实现
Mar 20 #Javascript
You might like
PHP中实现进程间通讯
2006/10/09 PHP
PHP Primary script unknown 解决方法总结
2019/08/22 PHP
PHPExcel实现的读取多工作表操作示例
2020/04/14 PHP
javascript add event remove event
2008/04/07 Javascript
jquery清空表单数据示例分享
2014/02/13 Javascript
js数组与字符串的相互转换方法
2014/07/09 Javascript
jQuery实现ichat在线客服插件
2014/12/29 Javascript
Css3制作变形与动画效果
2015/07/24 Javascript
windows下安装nodejs及框架express
2015/08/07 NodeJs
JavaScript基于自定义函数判断变量类型的实现方法
2016/11/23 Javascript
VsCode插件整理(小结)
2017/09/14 Javascript
vue.js计算属性computed用法实例分析
2018/07/06 Javascript
vue-cli3中vue.config.js配置教程详解
2019/05/29 Javascript
[05:43]VG.R战队教练Mikasa专访:为目标从未停止战斗
2016/08/02 DOTA
python实现图片批量剪切示例
2014/03/25 Python
python在windows下实现备份程序实例
2014/07/04 Python
python简单获取数组元素个数的方法
2015/07/13 Python
Python的条件语句与运算符优先级详解
2015/10/13 Python
对Python中DataFrame按照行遍历的方法
2018/04/08 Python
python实现爬取百度图片的方法示例
2019/07/06 Python
python3 实现爬取TOP500的音乐信息并存储到mongoDB数据库中
2019/08/24 Python
8段用于数据清洗Python代码(小结)
2019/10/31 Python
tensorboard显示空白的解决
2020/02/15 Python
Python日志:自定义输出字段 json格式输出方式
2020/04/27 Python
HTML5 placeholder属性详解
2016/06/22 HTML / CSS
仿酷狗html5手机音乐播放器主要部分代码
2013/05/15 HTML / CSS
HTML5地理定位实例
2014/10/15 HTML / CSS
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
2017/10/16 HTML / CSS
希尔顿酒店官方网站:Hilton Hotels
2017/06/01 全球购物
Joie官方网上商店:购买服装和女装配饰
2018/06/05 全球购物
怀旧收藏品和经典纪念品:Betty’s Attic
2018/08/29 全球购物
面向对象设计的原则是什么
2013/02/13 面试题
护理自荐信范文
2013/10/05 职场文书
2015年党建工作总结
2015/03/30 职场文书
导游词之重庆钓鱼城
2019/09/19 职场文书
MySQL中的 inner join 和 left join的区别解析(小结果集驱动大结果集)
2023/05/08 MySQL