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 相关文章推荐
xml 封装与解析(javascript和C#中)
Jul 26 Javascript
基于jquery实现的可以编辑选择的下拉框的代码
Nov 19 Javascript
JavaScript中两种链式调用实现代码
Jan 12 Javascript
javascript判断变量是否有值的方法
Apr 20 Javascript
JavaScript保留关键字汇总
Dec 01 Javascript
AngularJS 2.0新特性有哪些
Feb 18 Javascript
JQuery的常用选择器、过滤器、方法全面介绍
May 25 Javascript
ASP.NET jquery ajax传递参数的实例
Nov 02 Javascript
js中new一个对象的过程
Feb 20 Javascript
vue mixins组件复用的几种方式(小结)
Sep 06 Javascript
Vue中使用 setTimeout() setInterval()函数的问题
Sep 13 Javascript
vue使用nprogress实现进度条
Dec 09 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
ThinkPHP3.1新特性之动态设置自动完成及自动验证示例代码
2014/06/23 PHP
微信开发之网页授权获取用户信息(二)
2016/01/08 PHP
学习PHP Cookie处理函数
2016/08/09 PHP
jQuery技巧总结
2011/01/01 Javascript
对于Form表单reset方法的新认识
2014/03/05 Javascript
checkbox勾选判断代码分析
2014/06/11 Javascript
js 通过cookie实现刷新不变化树形菜单
2014/10/30 Javascript
JS实现的简洁二级导航菜单雏形效果
2015/10/13 Javascript
详解Angular2中的编程对象Observable
2016/09/17 Javascript
js实现随机点名小功能
2017/08/17 Javascript
JS和JQuery实现雪花飘落效果
2017/11/30 jQuery
javascript自定义加载loading效果
2020/09/15 Javascript
Ant Design的可编辑Tree的实现操作
2020/10/31 Javascript
在GitHub Pages上使用Pelican搭建博客的教程
2015/04/25 Python
Python易忽视知识点小结
2015/05/25 Python
python pandas库中DataFrame对行和列的操作实例讲解
2018/06/09 Python
python bmp转换为jpg 并删除原图的方法
2018/10/25 Python
Python3对称加密算法AES、DES3实例详解
2018/12/06 Python
Django 实现xadmin后台菜单改为中文
2019/11/15 Python
Python selenium 自动化脚本打包成一个exe文件(推荐)
2020/01/14 Python
Python 3.9的到来到底是意味着什么
2020/10/14 Python
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
惊艳的手工时装首饰:Migonne Gavigan
2018/02/23 全球购物
世界上最大的艺术和工艺用品商店:MisterArt.com
2018/07/13 全球购物
平面设计师工作职责范文
2013/12/03 职场文书
护理专业大学生自我推荐信
2014/01/25 职场文书
大二法英学生职业生涯规划范文
2014/02/27 职场文书
《风娃娃》教学反思
2014/04/19 职场文书
市场开发计划书
2014/05/07 职场文书
2015世界地球日活动总结
2015/02/09 职场文书
计生个人工作总结
2015/02/28 职场文书
2015年度销售个人工作总结
2015/03/31 职场文书
化工厂员工工作总结
2015/10/15 职场文书
MySQL之高可用集群部署及故障切换实现
2021/04/22 MySQL
Flutter Navigator 实现路由传递参数
2022/04/22 Java/Android
利用Python实时获取steam特惠游戏数据
2022/06/25 Python