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系列(6):S.O.L.I.D五大原则之单一职责SRP
Jan 15 Javascript
JavaScript中将一个值转换为字符串的方法分析[译]
Sep 21 Javascript
关于onchange事件在IE和FF下的表现及解决方法
Mar 08 Javascript
原生js和jQuery实现淡入淡出轮播效果
Dec 25 Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
Sep 08 Javascript
jQuery EasyUI tree 使用拖拽时遇到的错误小结
Oct 10 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
Mar 26 Javascript
JS编写函数实现对身份证号码最后一位的验证功能
Dec 29 Javascript
从零学习node.js之模块规范(一)
Feb 21 Javascript
JavaScript获取URL参数的方法之一
Mar 24 Javascript
element-ui中的select下拉列表设置默认值方法
Aug 24 Javascript
layui table设置某一行的字体颜色方法
Sep 05 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函数)
2006/10/09 PHP
php 函数中使用static的说明
2012/06/01 PHP
对于PHP 5.4 你必须要知道的
2013/08/07 PHP
[原创]php实现 data url的图片生成与保存
2016/12/04 PHP
TP5.0框架实现无限极回复功能的方法分析
2019/05/04 PHP
基于jQuery的360图片展示实现代码
2012/06/14 Javascript
js动态给table添加/删除tr的方法
2013/08/02 Javascript
window.open打开页面居中显示的示例代码
2013/12/27 Javascript
jquery无法设置checkbox选中即没有变成选中状态
2014/03/27 Javascript
微信WeixinJSBridge API使用实例
2015/05/25 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
2016/01/13 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
2017/08/03 Javascript
微信小程序媒体组件详解(视频,音乐,图片)
2017/09/19 Javascript
element ui table(表格)实现点击一行展开功能
2018/12/04 Javascript
浅谈vue中$event理解和框架中在包含默认值外传参
2020/08/07 Javascript
[01:38]2018DOTA2亚洲邀请赛主赛事第二日现场采访 神秘商人痛陈生计不易
2018/04/05 DOTA
[40:19]2018完美盛典CS.GO表演赛
2018/12/17 DOTA
python使用urllib模块开发的多线程豆瓣小站mp3下载器
2014/01/16 Python
解析Python中的变量、引用、拷贝和作用域的问题
2015/04/07 Python
Python的Django框架中forms表单类的使用方法详解
2016/06/21 Python
详解Python中的文件操作
2016/08/28 Python
python 接口_从协议到抽象基类详解
2017/08/24 Python
python如何压缩新文件到已有ZIP文件
2018/03/14 Python
Python将一个Excel拆分为多个Excel
2018/11/07 Python
如何使用python爬虫爬取要登陆的网站
2019/07/12 Python
阿里健康大药房:阿里自营网上药店
2017/08/01 全球购物
英国广泛的照明产品网站:Lights4living
2018/01/28 全球购物
电子商务专业实习生自我鉴定
2013/09/24 职场文书
有个性的自我评价范文
2013/11/15 职场文书
采购部部长岗位职责
2014/02/06 职场文书
售后服务承诺书
2014/03/26 职场文书
中文专业求职信
2014/06/20 职场文书
教学质量月活动总结
2015/05/11 职场文书
2019年度开业庆典祝福语大全!
2019/07/05 职场文书
CSS3 菱形拼图实现只旋转div 背景图片不旋转功能
2021/03/30 HTML / CSS
关于MySQL中explain工具的使用
2023/05/08 MySQL