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 相关文章推荐
textarea的value是html文件源代码,存成html文件的代码
Apr 20 Javascript
cnblogs csdn 代码运行框实现代码
Nov 02 Javascript
js获取光标位置和设置文本框光标位置示例代码
Jan 09 Javascript
JS将制定内容复制到剪切板示例代码
Feb 11 Javascript
jQuery遍历json的方法分析
Apr 16 Javascript
Javascript获取图片原始宽度和高度的方法详解
Sep 20 Javascript
JS中this上下文对象使用方式
Oct 09 Javascript
Bootstrap CSS组件之导航条(navbar)
Dec 17 Javascript
Angular2学习教程之组件中的DOM操作详解
May 28 Javascript
微信小程序button组件使用详解
Jan 31 Javascript
JavaScript实现淘宝京东6位数字支付密码效果
Aug 18 Javascript
javascript实现商品图片放大镜
Nov 28 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文件缓存类示例分享
2015/01/30 PHP
Laravel5权限管理方法详解
2016/07/26 PHP
PHP类型约束用法示例
2016/09/28 PHP
Zend Framework上传文件重命名的实现方法
2016/11/25 PHP
PHP单例模式简单用法示例
2017/06/23 PHP
有关js的变量作用域和this指针的讨论
2010/12/16 Javascript
jquery调用wcf并展示出数据的方法
2011/07/07 Javascript
js关闭子窗体刷新父窗体实现方法
2012/12/04 Javascript
jquery选择器之基本过滤选择器详解
2014/01/27 Javascript
jQuery判断div随滚动条滚动到一定位置后停止
2014/04/02 Javascript
AngularJS中的过滤器使用详解
2015/06/16 Javascript
深入学习AngularJS中数据的双向绑定机制
2016/03/04 Javascript
JS处理一些简单计算题
2018/02/24 Javascript
Node.js 使用AngularJS的方法示例
2018/05/11 Javascript
微信小程序获取用户信息并保存登录状态详解
2019/05/10 Javascript
在react中使用vue的状态管理的方法示例
2020/05/02 Javascript
Python实现根据IP地址和子网掩码算出网段的方法
2015/07/30 Python
python实现电脑自动关机
2018/06/20 Python
python同步windows和linux文件
2019/08/29 Python
python 命令行传入参数实现解析
2019/08/30 Python
numpy.array 操作使用简单总结
2019/11/08 Python
python 读取数据库并绘图的实例
2019/12/03 Python
python opencv实现信用卡的数字识别
2020/01/12 Python
Python3操作MongoDB增册改查等方法详解
2020/02/10 Python
pytho matplotlib工具栏源码探析一之禁用工具栏、默认工具栏和工具栏管理器三种模式的差异
2021/02/25 Python
常用的四种CSS透明属性介绍
2014/04/12 HTML / CSS
一文彻底解决HTML5页面中长按保存图片功能
2019/06/10 HTML / CSS
Giglio英国站:意大利奢侈品购物网
2018/03/06 全球购物
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
英国手机零售商:Metrofone
2019/03/18 全球购物
个人实用的自我评价范文
2013/11/23 职场文书
高级工程师岗位职责
2013/12/15 职场文书
中学生爱国演讲稿
2013/12/31 职场文书
父亲追悼会答谢词
2014/01/17 职场文书
园林技术个人的自我评价
2014/02/15 职场文书
css3带你实现3D转换效果
2022/02/24 HTML / CSS