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 相关文章推荐
Javascript与flash交互通信基础教程
Aug 07 Javascript
jsTree 基于JQuery的排序节点 Bug
Jul 26 Javascript
扩展jQuery对象时如何扩展成员变量具体怎么实现
Apr 25 Javascript
原生js事件的添加和删除的封装
Jul 01 Javascript
Jquery实现由下向上展开效果的例子
Dec 08 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
May 16 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
May 21 Javascript
jQuery unbind 删除绑定事件详解
May 24 Javascript
bootstrap常用组件之头部导航实现代码
Apr 20 Javascript
详解node nvm进行node多版本管理
Oct 21 Javascript
利用Node.js检测端口是否被占用的方法
Dec 07 Javascript
Node.js + express实现上传大文件的方法分析【图片、文本文件】
Mar 14 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中显示数组与对象的实现代码
2011/04/18 PHP
IIS安装Apache伪静态插件的具体操作图文
2013/07/01 PHP
PHP动态规划解决0-1背包问题实例分析
2015/03/23 PHP
js动态添加onload、onresize、onscroll事件(另类方法)
2012/12/26 Javascript
jQuery中queue()方法用法实例
2014/12/29 Javascript
Angular2学习教程之组件中的DOM操作详解
2017/05/28 Javascript
bootstrap multiselect 多选功能实现方法
2017/06/05 Javascript
vue轮播图插件vue-awesome-swiper的使用代码实例
2017/07/10 Javascript
vue项目打包部署_nginx代理访问方法详解
2018/09/20 Javascript
使用vue根据状态添加列表数据和删除列表数据的实例
2018/09/29 Javascript
Vue 页面状态保持页面间数据传输的一种方法(推荐)
2018/11/01 Javascript
vue开发中遇到的问题总结
2020/04/07 Javascript
通过js随机函数Math.random实现乱序
2020/05/19 Javascript
uniapp实现可滑动选项卡
2020/10/21 Javascript
jQuery实现动态向上滚动
2020/12/21 jQuery
使用原生javascript开发计算器实例代码
2021/02/21 Javascript
[52:26]完美世界DOTA2联赛决赛 FTD vs Phoenix 第一场 11.08
2020/11/11 DOTA
python插入排序算法实例分析
2015/07/03 Python
django rest framework之请求与响应(详解)
2017/11/06 Python
解决pip install的时候报错timed out的问题
2018/06/12 Python
python操作小程序云数据库实现简单的增删改查功能
2019/06/06 Python
Python中拆分字符串的操作方法
2019/07/23 Python
python虚拟环境完美部署教程
2019/08/06 Python
浅析Python 序列化与反序列化
2020/08/05 Python
Python3.9.0 a1安装pygame出错解决全过程(小结)
2021/02/02 Python
RentCars.com巴西:汽车租赁网站
2016/08/22 全球购物
台湾深度自由行旅游平台:Tripbaa趣吧
2017/10/10 全球购物
护理专业大学生自我推荐信
2014/01/25 职场文书
《小蝌蚪找妈妈》教学反思
2014/02/21 职场文书
岗位职责风险点
2014/03/12 职场文书
新学期开学标语2015
2015/07/16 职场文书
关于车尾的标语大全
2015/08/11 职场文书
新郎父母婚礼答谢词
2015/09/29 职场文书
2016年艾滋病宣传活动总结
2016/04/01 职场文书
基于Python实现股票收益率分析
2022/04/02 Python
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js