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 相关文章推荐
jquery使用append(content)方法注意事项分享
Jan 06 Javascript
js中小数转换整数的方法
Jan 26 Javascript
js unicode 编码解析关于数据转换为中文的两种方法
Apr 21 Javascript
用js格式化金额可设置保留的小数位数
May 09 Javascript
JavaScript保存并运算页面中数字类型变量的写法
Jul 06 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
Mar 10 Javascript
简单实现js间歇或无缝滚动效果
Jun 29 Javascript
vue-cli + sass 的正确打开方式图文详解
Oct 27 Javascript
Vue.js分页组件实现:diVuePagination的使用详解
Jan 10 Javascript
详解vue 2.6 中 slot 的新用法
Jul 09 Javascript
Element-UI+Vue模式使用总结
Jan 02 Javascript
js实现碰撞检测
Jan 29 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利用REFERER根居访问来地址进行页面跳转
2013/09/28 PHP
php中get_object_vars()方法用法实例
2015/02/08 PHP
PHP单态模式简单用法示例
2016/11/16 PHP
PHP通过文件路径获取文件名的实例代码
2018/10/14 PHP
JavaScript XML和string相互转化实现代码
2011/07/04 Javascript
jQuery源码分析-03构造jQuery对象-工具函数
2011/11/14 Javascript
javascript 星级评分效果(手写)
2012/12/24 Javascript
JQuery for与each性能比较分析
2013/05/14 Javascript
JavaScript中的some()方法使用详解
2015/06/09 Javascript
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
2015/11/13 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
2015/12/04 Javascript
分享网页检测摇一摇实例代码
2016/01/14 Javascript
JavaScript基础重点(必看)
2016/07/09 Javascript
Angular.JS通过指令操作DOM的方法
2017/05/10 Javascript
js Date()日期函数浏览器兼容问题解决方法
2017/09/12 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
2018/05/02 Javascript
layui前端时间戳转化实例
2019/11/15 Javascript
三步搞定:Vue.js调用Android原生操作
2020/09/07 Javascript
Python通过属性手段实现只允许调用一次的示例讲解
2018/04/21 Python
Python 硬币兑换问题
2019/07/29 Python
tensorflow -gpu安装方法(不用自己装cuda,cdnn)
2020/01/20 Python
Python实现括号匹配方法详解
2020/02/10 Python
python实现拼图小游戏
2020/02/22 Python
Pycharm 设置默认解释器路径和编码格式的操作
2021/02/05 Python
Python如何使用神经网络进行简单文本分类
2021/02/25 Python
印尼披萨外送专家:Domino’s Pizza印尼
2017/12/28 全球购物
Farfetch台湾官网:奢侈品牌时尚购物平台
2019/06/17 全球购物
创新比赛获奖感言
2014/02/13 职场文书
社区活动总结报告
2014/05/05 职场文书
企业员工薪酬方案
2014/06/04 职场文书
庆七一宣传标语
2014/10/08 职场文书
优秀班集体申报材料
2014/12/25 职场文书
2016领导干部廉洁从政心得体会
2016/01/19 职场文书
开学第一周日记(三篇范文)
2019/08/23 职场文书
CSS3 制作的图片滚动效果
2021/04/14 HTML / CSS
Android开发实现极为简单的QQ登录页面
2022/04/24 Java/Android