jQuery对象与DOM对象之间的相互转换


Posted in Javascript onMarch 03, 2015

1、jQuery对象转换成DOM对象

jQuery对象不能使用DOM中的方法,但如果对jQuery对象所提供的方法不熟悉,或者jQuery没有封装想要的方法,不得不使用DOM对象的时候,有以下两种处理方法:

1、jQuery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象:

 var $cr=$("#cr")          //jQuery对象

 var cr=$cr[0]             //DOM对象

2、另一种是jQuery本身提供的,通过get(index)方法得到相应的DOM对象 

 var $cr=$("#cr")        //jQuery对象

 var cr=$cr.get(0)     //DOM对象

2、DOM对象转换成jQuery对象

对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象。

var cr=document.getElementById("cr")   //DOM对象

var $cr=$(cr)                                           //jQuery对象

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
div层的移动及性能优化
Nov 16 Javascript
JS通过相同的name进行表格求和代码
Aug 18 Javascript
js为数字添加逗号并格式化数字的代码
Aug 23 Javascript
jquery和ajax的关系详细介绍
Nov 29 Javascript
判断客户浏览器是否支持cookie的示例代码
Dec 23 Javascript
jQuery实现在列表的首行添加数据
May 19 Javascript
JavaScript数据结构中栈的应用之表达式求值问题详解
Apr 11 Javascript
基于BootStrap的文本编辑器组件Summernote
Oct 27 Javascript
使用classList来实现两个按钮样式的切换方法
Jan 24 Javascript
在vue-cli项目中使用bootstrap的方法示例
Apr 21 Javascript
微信小程序的tab选项卡的实现效果
May 15 Javascript
vue解决花括号数据绑定不成功的问题
Oct 30 Javascript
深入理解JavaScript系列(28):设计模式之工厂模式详解
Mar 03 #Javascript
JS运动基础框架实例分析
Mar 03 #Javascript
jQuery DOM插入节点操作指南
Mar 03 #Javascript
JS运动框架之分享侧边栏动画实例
Mar 03 #Javascript
jQuery DOM删除节点操作指南
Mar 03 #Javascript
JS实现表格数据各种搜索功能的方法
Mar 03 #Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
Mar 03 #Javascript
You might like
php 信息采集程序代码
2009/03/17 PHP
phpmyadmin提示The mbstring extension is missing的解决方法
2014/12/17 PHP
什么是PEAR?什么是PECL?PHP中两个容易混淆的概念解释
2015/07/01 PHP
PHP正则获取页面所有图片地址
2016/03/23 PHP
Laravel框架基于ajax和layer.js实现无刷新删除功能示例
2019/01/17 PHP
jquery 图片Silhouette Fadeins渐显效果
2010/02/07 Javascript
Three.js源码阅读笔记(基础的核心Core对象)
2012/12/27 Javascript
11种ASP连接数据库的方法
2015/09/18 Javascript
深入理解Javascript箭头函数中的this
2017/02/13 Javascript
Node.js 中使用 async 函数的方法
2017/11/20 Javascript
通过webpack引入第三方库的方法
2018/07/20 Javascript
Vue-CLI 3.X 部署项目至生产服务器的方法
2019/03/22 Javascript
[13:56]DAC2018 4.5SOLO赛决赛 MidOne vs Paparazi第一场
2018/04/06 DOTA
[56:56]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.22
2019/09/05 DOTA
Python使用matplotlib绘制三维图形示例
2018/08/25 Python
python使用pandas处理大数据节省内存技巧(推荐)
2019/05/05 Python
PyCharm 创建指定版本的 Django(超详图解教程)
2019/06/18 Python
Python lambda表达式filter、map、reduce函数用法解析
2019/09/11 Python
python中自带的三个装饰器的实现
2019/11/08 Python
python重要函数eval多种用法解析
2020/01/14 Python
CSS3中的transform属性进行2D和3D变换的基本用法
2016/05/12 HTML / CSS
CSS3中媒体查询结合rem布局适配手机屏幕
2019/06/10 HTML / CSS
购买限量版收藏品、珠宝和礼品:Bradford Exchange
2016/09/23 全球购物
施华洛世奇水晶荷兰官方网站:SWAROVSKI荷兰
2017/05/12 全球购物
茶叶店创业计划书范文
2014/01/19 职场文书
2014年领班工作总结
2014/11/25 职场文书
实习单位指导教师评语
2014/12/30 职场文书
党员个人年度总结
2015/02/14 职场文书
活动新闻稿范文
2015/07/17 职场文书
青年联谊会致辞
2015/07/31 职场文书
AJAX学习笔记
2021/05/18 Javascript
从np.random.normal()到正态分布的拟合操作
2021/06/02 Python
浅谈MySQL next-key lock 加锁范围
2021/06/07 MySQL
Spring boot应用启动后首次访问很慢的解决方案
2021/06/23 Java/Android
分析ZooKeeper分布式锁的实现
2021/06/30 Java/Android
Python NumPy灰度图像的压缩原理讲解
2021/08/04 Python