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插件制作 图片走廊 gallery
Aug 17 Javascript
checkbox设置复选框的只读效果不让用户勾选
Aug 12 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
Sep 17 Javascript
JS+CSS实现鼠标滑过时动态翻滚的导航条效果
Sep 24 Javascript
简单理解JavaScript中的封装与继承特性
Mar 19 Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 Javascript
Three.js入门之hello world以及如何绘制线
Sep 25 Javascript
基于Vue 2.0的模块化前端 UI 组件库小结
Dec 21 Javascript
JavaScript防止全局变量污染的方法总结
Aug 02 Javascript
原生JS实现图片懒加载之页面性能优化
Apr 26 Javascript
js实现表格单列按字母排序
Aug 12 Javascript
Openlayers实现扩散的动态点(水纹效果)
Aug 17 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系统流量分析的程序
2006/10/09 PHP
支持中文和其他编码的php截取字符串函数分享(截取中文字符串)
2014/03/13 PHP
解决cPanel无法安装php5.2.17
2014/06/22 PHP
彻底删除thinkphp3.1案例blog标签的方法
2014/12/05 PHP
php字符串按照单词进行反转的方法
2015/03/14 PHP
php实现读取和写入tab分割的文件
2015/06/01 PHP
ThinkPHP框架使用redirect实现页面重定向的方法实例分析
2018/04/12 PHP
在thinkphp5.0路径中实现去除index.php的方式
2019/10/16 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
事件冒泡是什么如何用jquery阻止事件冒泡
2013/03/20 Javascript
JS验证控制输入中英文字节长度(input、textarea等)具体实例
2013/06/21 Javascript
JS JSON对象转为字符串的简单实现方法
2013/11/18 Javascript
Web Uploader文件上传插件使用详解
2016/05/10 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
js eval函数使用,js对象和字符串互转实例
2017/03/06 Javascript
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
2017/04/19 Javascript
vue获取DOM元素并设置属性的两种实现方法
2017/09/30 Javascript
JavaScript的Object.defineProperty详解
2018/07/09 Javascript
Vue的props父传子的示例代码
2020/05/20 Javascript
初步剖析C语言编程中的结构体
2016/01/16 Python
python中实现迭代器(iterator)的方法示例
2017/01/19 Python
利用python实现命令行有道词典的方法示例
2017/01/31 Python
python时间日期函数与利用pandas进行时间序列处理详解
2018/03/13 Python
Tensorflow加载预训练模型和保存模型的实例
2018/07/27 Python
python 将json数据提取转化为txt的方法
2018/10/26 Python
Python基础学习之类与实例基本用法与注意事项详解
2019/06/17 Python
在python中做正态性检验示例
2019/12/09 Python
美国网上鞋子零售商:Dr. Scholl’s Shoes
2017/11/17 全球购物
西班牙Polo衫品牌:Polo Club
2020/08/09 全球购物
幼儿发展评估方案
2014/06/11 职场文书
消防志愿者活动方案
2014/08/23 职场文书
试用期自我评价范文
2015/03/10 职场文书
电影焦裕禄观后感
2015/06/09 职场文书
python OpenCV学习笔记
2021/03/31 Python
python获取淘宝服务器时间的代码示例
2021/04/22 Python
用python修改excel表某一列内容的操作方法
2021/06/11 Python