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 相关文章推荐
[JSF]使用DataModel处理表行事件的实例代码
Aug 05 Javascript
浅谈js多维数组和hash数组定义和使用
Jul 27 Javascript
jQuery实现背景滑动菜单
Dec 02 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
Dec 13 Javascript
jQuery实现级联下拉框实战(5)
Feb 08 Javascript
js事件冒泡与事件捕获详解
Feb 20 Javascript
Ionic3 UI组件之autocomplete详解
Jun 08 Javascript
js脚本编写简单刷票投票系统
Jun 27 Javascript
详解express与koa中间件模式对比
Aug 07 Javascript
Vue与React的区别和优势对比
Dec 18 Vue.js
js实现随机点名
Jan 19 Javascript
JavaScript实现显示和隐藏图片
Apr 29 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和数据库结合的一个简单的web实例 代码分析 (php初学者)
2011/07/28 PHP
浅析虚拟主机服务器php fsockopen函数被禁用的解决办法
2013/08/07 PHP
PHP5.6读写excel表格文件操作示例
2019/02/26 PHP
PHP PDO数据库操作预处理与注意事项
2019/03/16 PHP
用JavaScript脚本实现Web页面信息交互
2006/12/21 Javascript
JavaScript学习笔记(十)
2010/01/17 Javascript
Javascript 八进制转义字符(8进制)
2011/04/08 Javascript
ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
2012/02/03 Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
2016/06/01 Javascript
Javascript实现倒计时(防页面刷新)实例
2016/12/13 Javascript
js实现打地鼠小游戏
2017/02/13 Javascript
JS中正则表达式要注意lastIndex属性
2017/08/08 Javascript
vue实现图片加载完成前的loading组件方法
2018/02/05 Javascript
cnpm加速Angular项目创建的方法
2018/09/07 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
2019/05/21 Javascript
Vue3 源码导读(推荐)
2019/10/14 Javascript
[59:32]Liquid vs Fnatic 2019国际邀请赛淘汰赛败者组BO1 8.20.mp4
2020/07/19 DOTA
Python实现的数据结构与算法之快速排序详解
2015/04/22 Python
详解python进行mp3格式判断
2016/12/23 Python
PyQt5每天必学之进度条效果
2018/04/19 Python
Python格式化输出%s和%d
2018/05/07 Python
Python异常的检测和处理方法
2018/10/26 Python
详解Ubuntu16.04安装Python3.7及其pip3并切换为默认版本
2019/02/25 Python
用django设置session过期时间的方法解析
2019/08/05 Python
Django之使用celery和NGINX生成静态页面实现性能优化
2019/10/08 Python
python socket通信编程实现文件上传代码实例
2019/12/14 Python
深入了解Python 方法之类方法 & 静态方法
2020/08/17 Python
python利用opencv保存、播放视频
2020/11/02 Python
利用Python实现自动扫雷小脚本
2020/12/17 Python
Bath & Body Works阿联酋:在线购买沐浴和身体用品
2021/02/27 全球购物
社区交通安全实施方案
2014/03/22 职场文书
新闻发布会活动策划方案
2014/09/15 职场文书
死亡证明书样本说明
2014/10/18 职场文书
欠款纠纷起诉状
2015/05/19 职场文书
python中24小时制转换为12小时制的方法
2021/06/18 Python
选购到合适的激光打印机
2022/04/21 数码科技