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的表头固定的若干方法
Jan 27 Javascript
父页面显示遮罩层弹出半透明状态的dialog
Mar 04 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
Nov 30 Javascript
JS随机洗牌算法之数组随机排序
Mar 23 Javascript
JS加载器如何动态加载外部js文件
May 26 Javascript
AngularJS内建服务$location及其功能详解
Jul 01 Javascript
BootStrap 模态框实现刷新网页并关闭功能
Jan 04 Javascript
jQuery居中元素scrollleft计算方法示例
Jan 16 Javascript
vue实现简单loading进度条
Jun 06 Javascript
vue webpack重写cookie路径的方法
Jul 10 Javascript
JavaScript实现京东放大镜效果
Dec 03 Javascript
使用typescript改造koa开发框架的实现
Feb 04 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中处理模拟rewrite 效果
2006/12/09 PHP
Mysql中limit的用法方法详解与注意事项
2008/04/19 PHP
php数组函数序列之array_splice() - 在数组任意位置插入元素
2011/11/07 PHP
PHP中iconv函数转码时截断字符问题的解决方法
2015/01/21 PHP
PHP使用mysqli同时执行多条sql查询语句的实例
2019/03/22 PHP
javascript 函数式编程
2007/08/16 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
2015/01/28 Javascript
简述Matlab中size()函数的用法
2016/03/20 Javascript
老生常谈js动态添加事件--- 事件委托
2016/07/19 Javascript
AngularJS 单元测试(二)详解
2016/09/21 Javascript
微信小程序 loading 详解及实例代码
2016/11/09 Javascript
原生js实现打字动画游戏
2017/02/04 Javascript
JavaScript中的工厂函数(推荐)
2017/03/08 Javascript
详解webpack2+React 实例demo
2017/09/11 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
2018/05/08 Javascript
浅谈Vue路由快照实现思路及其问题
2018/06/07 Javascript
小程序scroll-view组件实现滚动的示例代码
2018/09/20 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
利用js canvas实现五子棋游戏
2020/10/11 Javascript
[03:03]DOTA2 2017国际邀请赛开幕战队入场仪式
2017/08/09 DOTA
python常见的格式化输出小结
2016/12/15 Python
python利用拉链法实现字典方法示例
2017/03/25 Python
python:接口间数据传递与调用方法
2018/12/17 Python
django foreignkey外键使用的例子 相当于left join
2019/08/06 Python
Django+zTree构建组织架构树的方法
2019/08/21 Python
使用 Python ssh 远程登陆服务器的最佳方案
2020/03/06 Python
css3类选择器之结合元素选择器和多类选择器用法
2017/03/09 HTML / CSS
基于HTML5 的人脸识别活体认证的实现方法
2016/06/22 HTML / CSS
总经理助理的职责
2014/03/14 职场文书
竞选班干部的演讲稿
2014/04/24 职场文书
车辆工程专业求职信
2014/04/28 职场文书
淘宝活动总结范文
2014/06/26 职场文书
关于保护环境的建议书
2014/08/26 职场文书
幼儿园安全管理制度
2015/08/05 职场文书
2019年大学生学年自我鉴定!
2019/03/25 职场文书
PHP实现两种排课方式
2021/06/26 PHP