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 相关文章推荐
一个报数游戏js版(约瑟夫环问题)
Aug 05 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
Sep 19 Javascript
JS实现淘宝幻灯片效果的实现方法
Mar 22 Javascript
jquery+json实现数据列表分页示例代码
Nov 15 Javascript
实例详解angularjs和ajax的结合使用
Oct 22 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
Dec 03 Javascript
在web中js实现类似excel的表格控件
Sep 01 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
Nov 10 Javascript
Bootstrap实现带暂停功能的轮播组件(推荐)
Nov 25 Javascript
详解创建自定义的Angular Schematics
Jun 06 Javascript
vuejs点击class变化的实例
Sep 05 Javascript
Vue 打包后相对路径的引用问题
Jun 05 Vue.js
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 程式大小
2006/12/06 PHP
ThinkPHP下表单令牌错误与解决方法分析
2017/05/20 PHP
经过绑定元素时会多次触发mouseover和mouseout事件
2014/02/28 Javascript
Jquery倒计时源码分享
2014/05/16 Javascript
jQuery中;function($,undefined) 前面的分号的用处
2014/12/17 Javascript
实例讲解JavaScript中的this指向错误解决方法
2016/06/13 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
2016/10/24 Javascript
JavaScript简单验证表单空值及邮箱格式的方法
2017/01/20 Javascript
详谈jQuery unbind 删除绑定事件 / 移除标签方法
2017/03/02 Javascript
js实现手机发送验证码功能
2017/03/13 Javascript
使用nvm管理不同版本的node与npm的方法
2017/10/31 Javascript
使用JavaScript保存文本文件到本地的两种方法
2019/01/22 Javascript
详解jQuery中的getAll()和cleanData()
2019/04/15 jQuery
javascript头像上传代码实例
2019/09/28 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
2019/10/08 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
2020/05/21 Javascript
详解vue 组件
2020/06/11 Javascript
纯js+css实现在线时钟
2020/08/18 Javascript
Python实现选择排序
2017/06/04 Python
代码详解django中数据库设置
2019/01/28 Python
使用pandas把某一列的字符值转换为数字的实例
2019/01/29 Python
python 画函数曲线示例
2019/12/04 Python
Pytorch DataLoader 变长数据处理方式
2020/01/08 Python
python中图像通道分离与合并实例
2020/01/17 Python
python字符串下标与切片及使用方法
2020/02/13 Python
Nanushka官网:匈牙利服装品牌
2019/08/14 全球购物
青年教师典范事迹材料
2014/01/31 职场文书
工商管理专业自荐信
2014/06/03 职场文书
机关党员三严三实心得体会
2014/10/13 职场文书
具结保证书范本
2015/05/11 职场文书
想要创业,那么你做好准备了吗?
2019/07/01 职场文书
学者《孟子》名人名言
2019/08/09 职场文书
你会写报告?产品体验报告到底该怎么写?
2019/08/14 职场文书
68句权威创业名言
2019/08/26 职场文书
提升Nginx性能的一些建议
2021/03/31 Servers
GO语言字符串处理函数之处理Strings包
2022/04/14 Golang