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 相关文章推荐
JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
Nov 16 Javascript
输入密码检测大写是否锁定js实现代码
Dec 03 Javascript
js上传图片及预览功能实例分析
Apr 24 Javascript
学习Bootstrap组件之下拉菜单
Jul 28 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
Nov 24 Javascript
jQuery+css实现炫目的动态块漂移效果
Jan 28 Javascript
jquery 判断selection range 是否在容器中的简单实例
Aug 02 Javascript
浅谈jQuery添加的HTML,JS失效的问题
Oct 05 Javascript
vue实现仿淘宝结账页面实例代码
Nov 08 Javascript
解决Webpack 热部署检测不到文件变化的问题
Feb 22 Javascript
AngularJS实现的base64编码与解码功能示例
May 17 Javascript
Vue项目总结之webpack常规打包优化方案
Jun 06 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自动转义存储富文本编辑器内容导致读取出错的解决方法
2014/08/08 PHP
php使用GD库创建图片缩略图的方法
2015/06/10 PHP
使用php-timeit估计php函数的执行时间
2015/09/06 PHP
php输出文字乱码的解决方法
2019/10/04 PHP
jQuery Jcrop插件实现图片选取功能
2011/11/23 Javascript
Js 时间函数getYear()的使用问题探讨
2013/04/01 Javascript
裁剪字符串trim()自定义改进版
2013/04/10 Javascript
JS通过ajax动态读取xml文件内容的方法
2015/03/24 Javascript
javascript作用域、作用域链(菜鸟必看)
2016/06/16 Javascript
Vue.js组件tree实现无限级树形菜单
2016/12/02 Javascript
jQuery复合事件结合toggle()方法的用法示例
2017/06/10 jQuery
JavaScrpt判断一个数是否是质数的实例代码
2017/06/11 Javascript
在 Typescript 中使用可被复用的 Vue Mixin功能
2018/04/17 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
2018/09/12 Javascript
js获取form表单中name属性的值
2019/02/27 Javascript
js常见遍历操作小结
2019/06/06 Javascript
vue中上传视频或图片或图片和文字一起到后端的解决方法
2019/12/01 Javascript
[01:43]深扒TI7聊天轮盘语音出处4
2017/05/11 DOTA
python matlibplot绘制多条曲线图
2021/02/19 Python
Python实现识别图片内容的方法分析
2018/07/11 Python
python2 与 python3 实现共存的方法
2018/07/12 Python
python判断计算机是否有网络连接的实例
2018/12/15 Python
Python 使用 attrs 和 cattrs 实现面向对象编程的实践
2019/06/12 Python
Python学习工具jupyter notebook安装及用法解析
2020/10/23 Python
全网最详细的PyCharm+Anaconda的安装过程图解
2021/01/25 Python
印尼最大的在线购物网站:MatahariMall.com
2016/08/26 全球购物
世界领先的以旅馆为主的在线预订平台:Hostelworld
2016/10/09 全球购物
viagogo法国票务平台:演唱会、体育比赛、戏剧门票
2017/03/27 全球购物
高清安全摄像头系统:Lorex Technology
2018/07/20 全球购物
公司运动会策划方案
2014/05/25 职场文书
购房协议书范本(无房产证)
2014/10/07 职场文书
单身申明具结书
2015/02/26 职场文书
信访工作个人总结
2015/03/03 职场文书
幼儿园大班开学寄语(2015秋季)
2015/05/27 职场文书
JavaScript模拟实现网易云轮播效果
2022/04/04 Javascript
python中urllib包的网络请求教程
2022/04/19 Python