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 相关文章推荐
告诉大家什么是JSON
Jun 10 Javascript
javascript document.compatMode兼容性
Feb 23 Javascript
使用JQuery和CSS模拟超链接的用户单击事件的实现代码
May 23 Javascript
Javascript根据指定下标或对象删除数组元素
Dec 21 Javascript
js数组的基本用法及数组根据下标(数值或字符)移除元素
Oct 20 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
Jan 15 Javascript
js使用removeChild方法动态删除div元素
Aug 01 Javascript
JavaScript实现页面5秒后自动跳转的方法
Apr 16 Javascript
js绘制购物车抛物线动画
Nov 18 Javascript
bootstrap paginator分页前后台用法示例
Jun 17 Javascript
centos 上快速搭建ghost博客方法分享
May 23 Javascript
使用微信小程序开发弹出框应用实例详解
Oct 18 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
收音机史话 - 1960年代前后的DIY
2021/03/02 无线电
PHP安装攻略:常见问题解答(二)
2006/10/09 PHP
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
destoon出现验证码不显示时的紧急处理方法
2014/08/22 PHP
ExtJS[Desktop]实现图标换行示例代码
2013/11/17 Javascript
关于js内存泄露的一个好例子
2013/12/09 Javascript
js获取及判断键盘按键的方法
2015/12/01 Javascript
基于jquery实现百度新闻导航菜单滑动动画
2016/03/15 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
2017/03/24 jQuery
react.js 父子组件数据绑定实时通讯的示例代码
2017/09/25 Javascript
react-router v4如何使用history控制路由跳转详解
2018/01/09 Javascript
Vue中的Props(不可变状态)
2018/09/29 Javascript
vue实现自定义日期组件功能的实例代码
2018/11/06 Javascript
Vue-router中hash模式与history模式的区别详解
2020/12/15 Vue.js
win与linux系统中python requests 安装
2016/12/04 Python
django.db.utils.ProgrammingError: (1146, u“Table‘’ doesn’t exist”)问题的解决
2018/07/13 Python
如何通过50行Python代码获取公众号全部文章
2019/07/12 Python
python实现输入任意一个大写字母生成金字塔的示例
2019/10/27 Python
python返回数组的索引实例
2019/11/28 Python
详解使用python3.7配置开发钉钉群自定义机器人(2020年新版攻略)
2020/04/01 Python
如何基于Python Matplotlib实现网格动画
2020/07/20 Python
html5将图片转换成base64的实例代码
2016/09/21 HTML / CSS
美国现代家具网站:Design Within Reach
2018/07/19 全球购物
介绍一下linux文件系统分配策略
2012/11/17 面试题
大学生毕业自我鉴定范文
2013/09/19 职场文书
安康杯竞赛活动总结
2014/05/05 职场文书
奥巴马竞选演讲稿
2014/05/15 职场文书
机械电子工程专业自荐书
2014/06/10 职场文书
查摆剖析材料范文
2014/09/30 职场文书
财务工作检讨书
2014/10/29 职场文书
2014年酒店前台工作总结
2014/11/14 职场文书
倡议书作文
2015/01/19 职场文书
信访维稳承诺书
2015/05/04 职场文书
实习指导老师意见
2015/06/04 职场文书
预备党员入党思想汇报(范文)
2019/08/14 职场文书
关于感恩的素材句子(38句)
2019/11/11 职场文书