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 document.createDocumentFragment()
Apr 04 Javascript
Javascript的闭包
Dec 31 Javascript
基于jquery的点击链接插入链接内容的代码
Jul 31 Javascript
判断一个变量是数组Array类型的方法
Sep 16 Javascript
谈一谈js中的执行环境及作用域
Mar 30 Javascript
JS中使用FormData上传文件、图片的方法
Aug 07 Javascript
基于jquery实现二级联动效果
Mar 30 jQuery
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 jQuery
tangram.js库实现js类的方式实例分析
Jan 06 Javascript
vue 实现边输入边搜索功能的实例讲解
Sep 16 Javascript
angularJS实现不同视图同步刷新详解
Oct 09 Javascript
如何在CocosCreator里画个炫酷的雷达图
Apr 16 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下实现折线图效果的代码
2007/04/28 PHP
JQUERY CHECKBOX全选,取消全选,反选方法三
2008/08/30 Javascript
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
2010/01/22 Javascript
基于JQuery的密码强度验证代码
2010/03/01 Javascript
JavaScript日历实现代码
2010/09/12 Javascript
js前台判断开始时间是否小于结束时间
2012/02/23 Javascript
Javascript:为input设置readOnly属性(示例讲解)
2013/12/25 Javascript
input禁止键盘及中文输入,但可以点击
2014/02/13 Javascript
javascript event在FF和IE的兼容传参心得(绝对好用)
2014/07/10 Javascript
nodejs教程之制作一个简单的文章发布系统
2014/11/21 NodeJs
AngularJs 弹出模态框(model)
2016/04/07 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
vue小白入门教程
2018/04/02 Javascript
jQuery实现点击滚动到指定元素上的方法分析
2020/03/19 jQuery
jQuery实现html可联动的百分比进度条
2020/03/26 jQuery
使用Python脚本来控制Windows Azure的简单教程
2015/04/16 Python
使用paramiko远程执行命令、下发文件的实例
2017/10/01 Python
python多线程与多进程及其区别详解
2019/08/08 Python
django项目登录中使用图片验证码的实现方法
2019/08/15 Python
python实现一个简单RPC框架的示例
2020/10/28 Python
EQVVS官网:设计师男装和女装
2018/10/24 全球购物
世界领先的电子书网站:eBooks.com(在线购买小说、非小说和教科书)
2019/03/30 全球购物
Bibloo罗马尼亚网站:女装、男装、童装及鞋子和配饰
2019/07/20 全球购物
5.1手机促销活动
2014/01/17 职场文书
化学系大学生自荐信范文
2014/03/01 职场文书
剪彩仪式主持词
2014/03/19 职场文书
党员领导干部承诺书
2014/05/28 职场文书
寒假社会实践个人总结
2015/03/06 职场文书
欠条格式范本
2015/07/03 职场文书
二十年同学聚会致辞
2015/07/28 职场文书
安全生产协议书
2016/03/22 职场文书
2016年小学“感恩教师”主题队日活动总结
2016/04/01 职场文书
职工的安全责任书范文!
2019/07/02 职场文书
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
2021/06/29 Javascript
mysql5.6主从搭建以及不同步问题详解
2021/12/04 MySQL
GPU服务器的多用户配置方法
2022/07/07 Servers