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 对Select的操作备忘记录
Jul 04 Javascript
兼容IE和Firefox的javascript获取iframe文档内容的函数
Aug 15 Javascript
JavaScript初学者应注意的七个细节详细介绍
Dec 27 Javascript
了解了这些才能开始发挥jQuery的威力
Oct 10 Javascript
javascript模拟C#格式化字符串
Aug 26 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
Nov 17 Javascript
BootStrap3学习笔记(一)之网格系统
May 20 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
Feb 15 Javascript
无循环 JavaScript(map、reduce、filter和find)
Apr 08 Javascript
opencv 识别微信登录验证滑动块位置
Aug 07 Javascript
Node.js assert断言原理与用法分析
Jan 04 Javascript
理解Proxy及使用Proxy实现vue数据双向绑定操作
Jul 18 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
thinkPHP模板中for循环与switch语句用法示例
2016/11/30 PHP
浅谈PHP SHA1withRSA加密生成签名及验签
2019/03/18 PHP
Yii 实现数据加密和解密
2021/03/09 PHP
javascript下4个跨浏览器必备的函数
2010/03/07 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
2011/01/31 Javascript
javascript中数组方法汇总
2015/07/07 Javascript
javascript 中的 delete及delete运算符
2015/11/15 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
2016/04/29 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
2017/05/13 jQuery
详解AngularJS ng-class样式切换
2017/06/27 Javascript
node.js 用socket实现聊天的示例代码
2017/10/17 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
2018/01/21 Javascript
Element-ui tree组件自定义节点使用方法代码详解
2018/09/17 Javascript
基于Vue实现图片在指定区域内移动的思路详解
2018/11/11 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
2020/07/20 Javascript
[01:12:44]VG vs Mineski Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
python按综合、销量排序抓取100页的淘宝商品列表信息
2018/02/24 Python
python 获取指定文件夹下所有文件名称并写入列表的实例
2018/04/23 Python
python3之模块psutil系统性能信息使用
2018/05/30 Python
使用python批量读取word文档并整理关键信息到excel表格的实例
2018/11/07 Python
python进阶之多线程对同一个全局变量的处理方法
2018/11/09 Python
python程序变成软件的实操方法
2019/06/24 Python
在OpenCV里使用特征匹配和单映射变换的代码详解
2019/10/23 Python
python报错: 'list' object has no attribute 'shape'的解决
2020/07/15 Python
PyQt5的QWebEngineView使用示例
2020/10/20 Python
美国领先的医疗警报服务:Philips Lifeline
2018/03/12 全球购物
skyn ICELAND官网:冰岛成分天然护肤品
2020/08/24 全球购物
如何手工释放资源
2013/12/15 面试题
公司成立感言
2014/01/11 职场文书
《蓝色的树叶》教学反思
2014/02/24 职场文书
工作会议方案
2014/05/21 职场文书
民族团结先进个人事迹材料
2014/06/02 职场文书
2014年秋季开学典礼致辞
2014/08/02 职场文书
出纳2015年度工作总结范文
2015/10/14 职场文书
先进基层党组织事迹材料2016
2016/02/29 职场文书
入党申请书怎么写?
2019/06/11 职场文书