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 相关文章推荐
简单谈谈node.js 版本控制 nvm和 n
Oct 15 Javascript
jqPlot jQuery绘图插件的使用
Jun 18 Javascript
老生常谈JavaScript 正则表达式语法
Aug 20 Javascript
Vue数据驱动模拟实现5
Jan 13 Javascript
discuz表情的JS提取方法分析
Mar 22 Javascript
JavaScript实现选中文字提示新浪微博分享效果
Jun 15 Javascript
Node.js使用Angular简单示例
May 11 Javascript
详解JS实现系统登录页的登录和验证
Apr 29 Javascript
微信小程序实现日期格式化和倒计时
Nov 01 Javascript
微信小程序复选框实现多选一功能过程解析
Feb 14 Javascript
vue实现在线学生录入系统
May 30 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 jQuery
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
将OICQ数据转成MYSQL数据
2006/10/09 PHP
PHP开发注意事项总结
2015/02/04 PHP
PHP中error_reporting()用法详解
2015/08/31 PHP
CI框架常用经典操作类总结(路由,伪静态,分页,session,验证码等)
2016/11/21 PHP
thinkPHP5实现的查询数据库并返回json数据实例
2017/10/23 PHP
php框架CI(codeigniter)自动加载与自主创建对象操作实例分析
2020/06/06 PHP
一个简单的jQuery插件制作 学习过程及实例
2010/04/25 Javascript
jquery 注意事项与常用语法小结
2010/06/07 Javascript
js 字符串转化成数字的代码
2011/06/29 Javascript
JavaScript中的style.display属性操作
2013/03/27 Javascript
javascript实现TreeView 无刷新展开的实例代码
2013/07/13 Javascript
用jquery中插件dialog实现弹框效果实例代码
2013/11/15 Javascript
使用documentElement正确取得当前可见区域的大小
2014/07/25 Javascript
jQuery插件实现控制网页元素动态居中显示
2015/03/24 Javascript
JavaScript中绑定事件的三种方式及去除绑定
2016/11/05 Javascript
Bootstrap基本样式学习笔记之按钮(4)
2016/12/07 Javascript
浅谈ECMAScript6新特性之let、const
2017/08/02 Javascript
如何获取TypeScript的声明文件.d.ts
2018/05/01 Javascript
Next.js实现react服务器端渲染的方法示例
2019/01/06 Javascript
微信公众号获取用户地理位置并列出附近的门店的示例代码
2019/07/25 Javascript
详解一些适用于Node.js的命名约定
2019/12/08 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
2020/05/14 Javascript
[04:29]【TI9采访】OG.N0tail在胜者组决赛后接受采访
2019/08/25 DOTA
Python3基础之输入和输出实例分析
2014/08/18 Python
python 多线程将大文件分开下载后在合并的实例
2018/11/09 Python
python生成n个元素的全组合方法
2018/11/13 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
使用 Python 在京东上抢口罩的思路详解
2020/02/27 Python
用sleep间隔进行python反爬虫的实例讲解
2020/11/30 Python
关于HTML5的22个初级技巧(图文教程)
2012/06/21 HTML / CSS
大学生就业自我鉴定
2013/10/26 职场文书
怎样写好创业计划书的内容
2014/02/06 职场文书
同居协议书范本
2014/04/23 职场文书
小学母亲节活动总结
2015/02/10 职场文书
2015年结对帮扶工作总结
2015/05/04 职场文书
圆明园纪录片观后感
2015/06/03 职场文书