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的一个拖拽到指定区域内的效果
Sep 21 Javascript
JavaScript/jQuery 表单美化插件小结
Feb 14 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
Sep 11 Javascript
JS实现图片高亮展示效果实例
Nov 24 Javascript
7个去伪存真的JavaScript面试题
Jan 07 Javascript
Javascript中内建函数reduce的应用详解
Oct 20 Javascript
AngularJS用户选择器指令实例分析
Nov 04 Javascript
DropDownList实现可输入可选择(两种版本可选)
Dec 07 Javascript
jQuery弹出窗口简单实现代码
Mar 09 Javascript
Vue实现双向数据绑定
May 03 Javascript
vue init webpack 建vue项目报错的解决方法
Sep 29 Javascript
node+multer实现图片上传的示例代码
Feb 18 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
破解.net程序(dll文件)编译和反编译方法
2013/01/31 PHP
PHP时间戳与日期之间转换的实例介绍
2013/04/19 PHP
三种php连接access数据库方法
2013/11/11 PHP
浅谈PHP匿名函数和闭包
2019/03/08 PHP
jQuery Flash/MP3/Video多媒体插件
2010/01/18 Javascript
js 多浏览器分别判断代码
2010/04/01 Javascript
jQuery对象[0]是什么含义?
2010/07/31 Javascript
精通Javascript系列之数值计算
2011/06/07 Javascript
jQuery.each()用法分享
2012/07/31 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
2013/09/29 Javascript
js调试系列 初识控制台
2014/06/18 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
2015/02/10 Javascript
jQuery删除一个元素后淡出效果展示删除过程的方法
2015/03/18 Javascript
js如何打印object对象
2015/10/16 Javascript
jquery实现静态搜索功能(可输入搜索文字)
2017/03/28 jQuery
搭建vue开发环境
2018/07/19 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
2019/04/14 Javascript
Vue 实现从小到大的横向滑动效果详解
2019/10/16 Javascript
详解JavaScript中的Object.is()与"==="运算符总结
2020/06/17 Javascript
[01:00:54]TI4正赛第二日开场
2014/07/20 DOTA
[54:02]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 IG vs VGJ.T
2018/04/03 DOTA
Python对List中的元素排序的方法
2018/04/01 Python
Python实现模拟浏览器请求及会话保持操作示例
2018/07/30 Python
Python文件打开方式实例详解【a、a+、r+、w+区别】
2019/03/30 Python
Python3.5内置模块之os模块、sys模块、shutil模块用法实例分析
2019/04/27 Python
Python3中的最大整数和最大浮点数实例
2019/07/09 Python
Python字符串格式化f-string多种功能实现
2020/05/07 Python
惠普墨西哥官方商店:HP墨西哥
2016/12/01 全球购物
领先的英国注册在线药房 :Simply Meds Online
2019/03/28 全球购物
成人大专自我鉴定范文
2013/10/19 职场文书
《会变的花树叶》教学反思
2014/02/10 职场文书
酒店开业庆典主持词
2014/03/21 职场文书
幼儿园小班评语
2014/04/18 职场文书
小学生竞选班干部演讲稿
2014/04/24 职场文书
安全生产计划书
2014/05/04 职场文书
关于vue-router-link选择样式设置
2022/04/30 Vue.js