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在IE和Firefox浏览器下的7个差异兼容写法小结
Jun 18 Javascript
javascript作用域容易记错的两个地方分析
Jun 22 Javascript
Javascript中的几种继承方式对比分析
Mar 22 Javascript
js滚动条平滑移动示例代码
Mar 29 Javascript
Angular 页面跳转时传参问题
Aug 01 Javascript
JavaScript实现倒计时跳转页面功能【实用】
Dec 13 Javascript
Bootstrap笔记之缩略图、警告框实例详解
Mar 09 Javascript
jQuery.ajax向后台传递数组问题的解决方法
May 12 jQuery
基于Node.js模板引擎教程-jade速学与实战1
Sep 17 Javascript
使用Vue完成一个简单的todolist的方法
Dec 01 Javascript
微信小程序实现页面下拉刷新和上拉加载功能详解
Dec 03 Javascript
vue+swiper实现左右滑动的测试题功能
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图片处理:加水印、缩略图的实现(自定义函数:watermark、thumbnail)
2010/12/02 PHP
Swoole-1.7.22 版本已发布,修复PHP7相关问题
2015/12/31 PHP
Symfony2安装第三方Bundles实例详解
2016/02/04 PHP
php使用curl模拟多线程实现批处理功能示例
2019/07/25 PHP
ASP Json Parser修正版
2009/12/06 Javascript
javascript自定义函数参数传递为字符串格式
2014/07/29 Javascript
EasyUi中的Combogrid 实现分页和动态搜索远程数据
2016/04/01 Javascript
JQuery遍历元素的后代和同胞实现方法
2016/09/18 Javascript
JS批量替换内容中关键词为超链接
2017/02/20 Javascript
jQuery实现字符串全部替换的方法【推荐】
2017/03/09 Javascript
详解vue-cli + webpack 多页面实例应用
2017/04/25 Javascript
详解webpack进阶之插件篇
2017/07/06 Javascript
jquery动态添加带有样式的HTML标签元素方法
2018/02/24 jQuery
JS二级菜单不同实现方法分析【4种方法】
2018/12/21 Javascript
小程序双头slider选择器的实现示例
2020/03/31 Javascript
解析Python中的变量、引用、拷贝和作用域的问题
2015/04/07 Python
Python简单格式化时间的方法【strftime函数】
2016/09/18 Python
pandas数据预处理之dataframe的groupby操作方法
2018/04/13 Python
python中ASCII码和字符的转换方法
2018/07/09 Python
python利用小波分析进行特征提取的实例
2019/01/09 Python
解决Pycharm界面的子窗口不见了的问题
2019/01/17 Python
python实现名片管理器的示例代码
2019/12/17 Python
基于python实现模拟数据结构模型
2020/06/12 Python
浅谈keras使用预训练模型vgg16分类,损失和准确度不变
2020/07/02 Python
浅谈keras中的keras.utils.to_categorical用法
2020/07/02 Python
Python 使用 PyQt5 开发的关机小工具分享
2020/07/16 Python
Django Auth用户认证组件实现代码
2020/10/13 Python
Python 微信公众号文章爬取的示例代码
2020/11/30 Python
scrapy实践之翻页爬取的实现
2021/01/05 Python
Python创建自己的加密货币的示例
2021/03/01 Python
安全检查验收制度
2014/01/12 职场文书
优秀毕业自我鉴定
2014/02/15 职场文书
电教室标语
2014/06/20 职场文书
汽车服务工程专业自荐信
2014/09/02 职场文书
简历自我评价模板
2015/03/11 职场文书
2015初中政治教学工作总结
2015/07/21 职场文书