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 (六) jquery中的AJAX使用
Feb 23 Javascript
javascript中获取下个月一号,是星期几
Jun 01 Javascript
Javascript设置对象的ReadOnly属性(示例代码)
Dec 25 Javascript
Jquery api 速查表分享
Jan 12 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
Nov 15 Javascript
深入理解JavaScript函数参数(推荐)
Jul 26 Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
Aug 06 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
Aug 29 Javascript
JS实现两周内自动登录功能
Mar 23 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
Nov 08 Javascript
详解babel升级到7.X采坑总结
May 12 Javascript
原生js实现的金山打字小游戏(实例代码详解)
Mar 16 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
域名查询代码公布
2006/10/09 PHP
php win下Socket方式发邮件类
2009/08/21 PHP
PHP中的日期加减方法示例
2014/08/21 PHP
wamp安装后自定义配置的方法
2014/08/23 PHP
用PHP去掉文件头的Unicode签名(BOM)方法
2017/06/22 PHP
laravel利用中间件做防非法登录和权限控制示例
2019/10/21 PHP
PHP实现一个按钮点击上传多个图片操作示例
2020/01/23 PHP
tp5.1 框架查询表达式用法详解
2020/05/25 PHP
document.createElement()用法及注意事项(ff下不兼容)
2013/03/13 Javascript
仿百度联盟对联广告实现代码
2014/08/30 Javascript
深入分析JSONP跨域的原理
2014/12/10 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
2015/08/21 Javascript
JavaScript ParseFloat()方法
2015/12/18 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
2016/05/21 Javascript
使用JavaScript获取URL中的参数(两种方法)
2016/11/16 Javascript
详解vue-cli + webpack 多页面实例应用
2017/04/25 Javascript
node.js中EJS 模板快速入门教程
2017/05/08 Javascript
js原生代码实现轮播图的实例讲解
2017/07/28 Javascript
vue绑定设置属性的多种方式(5)
2017/08/16 Javascript
JavaScript中构造函数与原型链之间的关系详解
2019/02/25 Javascript
Vue2.x通用条件搜索组件的封装及应用详解
2019/05/28 Javascript
vuex中store存储store.commit和store.dispatch的用法
2020/07/24 Javascript
vue 图片裁剪上传组件的实现
2020/11/12 Javascript
JavaScript实现雪花飘落效果
2020/12/27 Javascript
Vite和Vue CLI的优劣
2021/01/30 Vue.js
[00:37]DOTA2上海特级锦标赛 Secert 战队宣传片
2016/03/03 DOTA
python实现计算倒数的方法
2015/07/11 Python
Django保护敏感信息的方法示例
2019/05/09 Python
python 中值滤波,椒盐去噪,图片增强实例
2019/12/18 Python
paramiko使用tail实时获取服务器的日志输出详解
2020/12/06 Python
匡威意大利官方商店 :Converse意大利
2018/11/27 全球购物
中华在我心中演讲稿
2014/09/13 职场文书
中层领导干部群众路线对照检查材料思想汇报
2014/10/02 职场文书
SONY AN-LP1 短波有源天线放大器
2021/04/22 无线电
Matplotlib绘制混淆矩阵的实现
2021/05/27 Python
Redis 彻底禁用RDB持久化操作
2021/07/09 Redis