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 相关文章推荐
IE6不能修改NAME问题的解决方法
Sep 03 Javascript
广泛收集的jQuery拖放插件集合
Apr 09 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
Nov 22 Javascript
JavaScript操作XML文件之XML读取方法
Jun 09 Javascript
JavaScript中rem布局在react中的应用
Dec 09 Javascript
想学习javascript JS和jQuery哪个重要 先学哪个
Dec 11 Javascript
MvcPager分页控件 适用于Bootstrap
Jun 03 Javascript
mac上node.js环境的安装测试
Jul 03 Javascript
原生JS实现自定义滚动条效果
Oct 27 Javascript
js中的闭包学习心得
Feb 06 Javascript
Vue组件模板的几种书写形式(3种)
Feb 19 Javascript
JS前端使用canvas实现物体的点选示例
Aug 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中this,self,parent的区别详解
2013/06/08 PHP
如何使用php脚本给html中引用的js和css路径打上版本号
2015/11/18 PHP
WordPress后台中实现图片上传功能的实例讲解
2016/01/11 PHP
IE8 chrome中table隔行换色解决办法
2010/07/09 Javascript
jquery 插件学习(三)
2012/08/06 Javascript
jQuery中fadeOut()方法用法实例
2014/12/24 Javascript
JS获取元素多层嵌套思路详解
2016/05/16 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
2016/07/04 Javascript
JS中的==运算: [''] == false —>true
2016/07/24 Javascript
webpack入门必知必会
2017/01/16 Javascript
详解js静态资源文件请求的处理
2017/08/01 Javascript
angularjs实现天气预报功能
2020/06/16 Javascript
小程序实现锚点滑动效果
2019/09/23 Javascript
[46:44]VG vs TNC Supermajor小组赛B组败者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
python实现保存网页到本地示例
2014/03/16 Python
在Python中使用PIL模块对图片进行高斯模糊处理的教程
2015/05/05 Python
python返回昨天日期的方法
2015/05/13 Python
Python实现的简单计算器功能详解
2018/08/25 Python
python看某个模块的版本方法
2018/10/16 Python
python实践项目之监控当前联网状态详情
2019/05/23 Python
springboot配置文件抽离 git管理统 配置中心详解
2019/09/02 Python
使用python将最新的测试报告以附件的形式发到指定邮箱
2019/09/20 Python
Python操作Elasticsearch处理timeout超时
2020/07/17 Python
英国护肤品购物网站:Beauty Expert
2016/08/19 全球购物
美国领先的奢侈美容零售商:Bluemercury
2017/07/26 全球购物
介绍下Lucene建立索引的过程
2016/03/02 面试题
公司中秋节活动方案
2014/02/12 职场文书
建筑专业毕业生自荐信
2014/05/25 职场文书
联片教研活动总结
2014/07/01 职场文书
十佳标兵事迹材料
2014/08/18 职场文书
2014年护士长工作总结
2014/11/11 职场文书
公司员工违纪检讨书
2015/05/05 职场文书
2015年高三年级组工作总结
2015/07/21 职场文书
Python中的 Set 与 dict
2022/03/13 Python
Java 写一个简单的图书管理系统
2022/04/26 Java/Android
使用CSS自定义属性实现骨架屏效果
2022/06/21 HTML / CSS