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 相关文章推荐
myeclipse安装jQuery插件的方法
Mar 29 Javascript
JS数组去重与取重的示例代码
Jan 24 Javascript
JS辨别访问浏览器判断是android还是ios系统
Aug 19 Javascript
百度地图自定义控件分享
Mar 04 Javascript
JavaScript模拟实现键盘打字效果
Jun 29 Javascript
轻松实现javascript图片轮播特效
Jan 13 Javascript
详解jQuery中的deferred对象的使用(一)
May 27 Javascript
js重写方法的简单实现
Jul 10 Javascript
vue2.0实战之基础入门(1)
Mar 27 Javascript
Angular 4.x 动态创建表单实例
Apr 25 Javascript
vue的滚动条插件实现代码
Sep 07 Javascript
新手入门js闭包学习过程解析
Oct 08 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中使用Oracle数据库(5)
2006/10/09 PHP
php adodb介绍
2009/03/19 PHP
PHP下利用shell后台运行PHP脚本,并获取该脚本的Process ID的代码
2011/09/19 PHP
PHP最常用的2种设计模式工厂模式和单例模式介绍
2012/08/14 PHP
php实现与erlang的二进制通讯实例解析
2014/07/23 PHP
php中array_unshift()修改数组key注意事项分析
2016/05/16 PHP
php常用的工具开发整理
2019/09/26 PHP
修改发贴的编辑功能
2007/03/07 Javascript
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
2012/02/02 Javascript
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
2013/04/08 Javascript
js替换字符串的所有示例代码
2013/07/23 Javascript
JavaScript的事件代理和委托实例分析
2015/03/25 Javascript
jQuery与getJson结合的用法实例
2015/08/07 Javascript
vue+layui实现select动态加载后台数据的例子
2019/09/20 Javascript
python中文编码问题小结
2014/09/28 Python
实例解析Python中的__new__特殊方法
2016/06/02 Python
Python随机生成数据后插入到PostgreSQL
2016/07/28 Python
浅谈编码,解码,乱码的问题
2016/12/30 Python
Python实现对一个函数应用多个装饰器的方法示例
2018/02/09 Python
python批量下载网站马拉松照片的完整步骤
2018/12/05 Python
Python解决线性代数问题之矩阵的初等变换方法
2018/12/12 Python
关于Python中定制类的比较运算实例
2019/12/19 Python
解决Keras中循环使用K.ctc_decode内存不释放的问题
2020/06/29 Python
如何解决flask修改静态资源后缓存文件不能及时更改问题
2020/08/02 Python
python中K-means算法基础知识点
2021/01/25 Python
高级文秘工作总结的自我评价
2013/09/28 职场文书
质检的岗位职责
2013/11/17 职场文书
销售助理岗位职责
2014/02/21 职场文书
行政副总岗位职责
2014/02/23 职场文书
法制教育演讲稿
2014/09/10 职场文书
个人授权委托书范本格式
2014/10/12 职场文书
2014年审计人员工作总结
2014/12/19 职场文书
西安导游词
2015/02/12 职场文书
被告代理词范文
2015/05/25 职场文书
2016年五一促销广告语
2016/01/28 职场文书
java获取一个文本文件的编码(格式)信息
2022/09/23 Java/Android