jQuery对象转化成DOM对象
来源:互联网 发布:同名身份证查询软件 编辑:程序博客网 时间:2024/06/08 10:14
jQuery对象转化成DOM对象
jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。我们使用jQuery的同时也能混合JavaScript原生代码一起使用。在很多场景中,我们需要jQuery与DOM能够相互的转换,它们都是可以操作的DOM元素,jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。
(1)利用数组下标的方式读取到jQuery中的DOM对象
HTML代码
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>
JavaScript代码
var $div = $('div') //jQuery对象
var div = $div[0] //转化成DOM对象
div.style.color = 'red' //操作dom对象的属性
用jQuery找到所有的div元素(3个),因为jQuery对象也是一个数组结构,可以通过数组下标索引找到第一个div元素,通过返回的div对象,调用它的style属性修改第一个div元素的颜色。这里需要注意的一点是,数组的索引是从0开始的,也就是第一个元素下标是0.
(2)通过jQuery自带的get()方法
jQuery对象自身提供一个.get()方法允许我们直接访问jQuery对象中相关的DOM节点,get()方法提供一个元素的索引:
var $div = $('div') //jQuery对象
var div = $div.get(0) //通过get方法,转化成DOM对象
div.style.color = 'red' //操作dom对象的属性
- jQuery对象转化成DOM对象
- DOM对象转化成jQuery对象
- jquery对象转化成DOM对象
- DOM对象转化成jQuery对象
- 1.4 jQuery对象转化成DOM对象
- jQuery对象转化成DOM对象
- DOM对象转化成jQuery对象
- jQuery DOM 对象互相转化
- jQuery和DOM对象转化
- jQuery对象和DOM对象相互转化
- jQuery对象和DOM对象 转化
- jQuery对象和DOM对象相互转化
- jQuery对象和DOM对象相互转化
- jquery对象和dom对象转化
- jquery对象转化为dom对象
- jQuery对象与dom对象转化
- jQuery对象和DOM对象相互转化
- jQuery对象与DOM对象相互转化
- iOS isEqualToString和== 区别
- hadoop集群搭建-Mysql安装
- AJAX实现文件下载
- Activiti进阶(七)——排他网关(ExclusiveGateWay)
- java web学习总结29:EL表达式
- jQuery对象转化成DOM对象
- ResNeXt
- JavaEE的13种核心技术
- matlab处理视频 first
- Liunx awk命令详解
- (转)android 快速点击两次出现两个重复界面
- 葡萄城报表模板库更新!新增物流行业特色模板
- Java并发编程之为计算结果建立高效、可伸缩的高速缓存
- java反射复习笔记1