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 相关文章推荐
Javascript 不能释放内存.
Sep 07 Javascript
javascript full screen 全屏显示页面元素的方法
Sep 27 Javascript
jquery操作cookie插件分享
Jan 14 Javascript
JavaScript获取页面中超链接数量的方法
Nov 09 Javascript
详解JavaScript中的构造器Constructor模式
Jan 14 Javascript
Node.js中文件操作模块File System的详细介绍
Jan 05 Javascript
jQuery实现的简单悬浮层功能完整实例
Jan 23 Javascript
Angularjs验证用户输入的字符串是否为日期时间
Jun 01 Javascript
使用异步controller与jQuery实现卷帘式分页
Jun 18 jQuery
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
Sep 25 Javascript
json字符串对象转换代码实例
Sep 28 Javascript
浅探express路由和中间件的实现
Sep 30 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 强制性文件下载功能的函数代码(任意文件格式)
2010/05/26 PHP
php中函数的形参与实参的问题说明
2010/09/01 PHP
PHP实现抓取HTTPS内容
2014/12/01 PHP
理解php依赖注入和控制反转
2016/05/11 PHP
jQuery操作select的实例代码
2012/06/14 Javascript
简单js代码实现selece二级联动(推荐)
2014/02/18 Javascript
使用node.js半年来总结的 10 条经验
2014/08/18 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
2016/07/15 Javascript
移动开发之自适应手机屏幕宽度
2016/11/23 Javascript
react.js 获取真实的DOM节点实例(必看)
2017/04/17 Javascript
详解Vue用axios发送post请求自动set cookie
2017/05/10 Javascript
jQuery实现简单的手风琴效果
2020/04/17 jQuery
JavaScript实现body内任意节点的自定义属性功能示例
2017/09/18 Javascript
如何使用pm2快速将项目部署到远程服务器
2019/03/12 Javascript
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
2019/03/14 Javascript
vue-cli脚手架打包静态资源请求出错的原因与解决
2019/06/06 Javascript
node中使用log4js4.x版本记录日志的方法
2019/08/20 Javascript
javascript实现打砖块小游戏(附完整源码)
2020/09/18 Javascript
[38:54]完美世界DOTA2联赛PWL S2 Rebirth vs LBZS 第一场 11.28
2020/12/01 DOTA
python查询mysql中文乱码问题
2014/11/09 Python
python遍历数组的方法小结
2015/04/30 Python
Python中你应该知道的一些内置函数
2017/03/31 Python
python 连接各类主流数据库的实例代码
2018/01/30 Python
python机器学习库xgboost的使用
2020/01/20 Python
美国高端婴童品牌:Hanna Andersson
2016/10/30 全球购物
三星加拿大官方网上商店:Samsung CA
2020/12/18 全球购物
OLEDBConnection和SQLConnection有什么区别
2013/05/31 面试题
什么是Connection-oriented Protocol/Connectionless Protocol面向连接的协议/无连接协议
2012/09/06 面试题
三年级音乐教学反思
2014/01/28 职场文书
四风问题自查报告剖析材料
2014/02/08 职场文书
公司放假通知怎么写
2015/04/15 职场文书
文化大革命观后感
2015/06/17 职场文书
培训班开班主持词
2015/07/02 职场文书
利用html+css实现菜单栏缓慢下拉效果的示例代码
2021/03/30 HTML / CSS
详解MySQL 用户权限管理
2021/04/20 MySQL
Nginx虚拟主机的搭建的实现步骤
2022/01/18 Servers