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操作select option 的代码小结
Jun 21 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
Aug 12 Javascript
jQuery取得select选择的文本与值的示例
Dec 09 Javascript
jQuery中nextAll()方法用法实例
Jan 07 Javascript
JavaScript编程中布尔对象的基本使用
Oct 25 Javascript
纯js模仿windows系统日历
Feb 04 Javascript
jQuery日期范围选择器附源码下载
May 23 jQuery
vue时间格式化实例代码
Jun 13 Javascript
js遍历添加栏目类添加css 再点击其它删除css【推荐】
Jun 12 Javascript
js html实现计算器功能
Nov 13 Javascript
使用Node.js在深度学习中做图片预处理的方法
Sep 18 Javascript
微信小程序连续签到7天积分获得功能的示例代码
Aug 20 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验证码的制作思路和实现方法
2015/11/12 PHP
简单的js分页脚本
2009/05/21 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
2013/04/08 Javascript
JavaScript中把数字转换为字符串的程序代码
2013/06/19 Javascript
javascript中setAttribute()函数使用方法及兼容性
2015/07/19 Javascript
jQuery中prepend()方法使用详解
2015/08/11 Javascript
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
2015/09/05 Javascript
点评js异步加载的4种方式
2015/12/22 Javascript
JavaScript的函数式编程基础指南
2016/03/19 Javascript
jQuery中show与hide方法用法示例
2016/09/16 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
2017/09/19 Javascript
vue-cli配置环境变量的方法
2018/07/09 Javascript
细说webpack6 Babel的使用详解
2019/09/26 Javascript
JavaScript交换两个变量方法实例
2019/11/25 Javascript
[01:33]DOTA2上海特级锦标赛 LIQUID战队完整宣传片
2016/03/16 DOTA
浅析Python中的多进程与多线程的使用
2015/04/07 Python
在Python的Flask框架中验证注册用户的Email的方法
2015/09/02 Python
Django中redis的使用方法(包括安装、配置、启动)
2018/02/21 Python
Python操作Sql Server 2008数据库的方法详解
2018/05/17 Python
Python实现的读取/更改/写入xml文件操作示例
2018/08/30 Python
python自动化测试之DDT数据驱动的实现代码
2019/07/23 Python
原生python实现knn分类算法
2019/10/24 Python
python基于gevent实现并发下载器代码实例
2019/11/01 Python
Pycharm 2020年最新激活码(亲测有效)
2020/09/18 Python
学python爬虫能做什么
2020/07/29 Python
css3设置box-pack和box-align让div里面的元素垂直居中
2014/09/01 HTML / CSS
TripAdvisor越南:全球领先的旅游网站
2017/09/21 全球购物
美国在线印刷公司:PsPrint
2017/10/12 全球购物
寻找完美的房车租赁:RVShare
2019/02/23 全球购物
电大自我鉴定
2013/10/27 职场文书
酒店服务与管理毕业生求职信
2013/11/02 职场文书
测控技术与仪器个人求职信范文
2013/12/30 职场文书
招标承诺书
2014/08/30 职场文书
解决mysql模糊查询索引失效问题的几种方法
2021/06/18 MySQL
Python中的socket网络模块介绍
2022/07/23 Python
python计算列表元素与乘积详情
2022/08/05 Python