博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery获取DOM元素
阅读量:7026 次
发布时间:2019-06-28

本文共 751 字,大约阅读时间需要 2 分钟。

jQuery获得的对象并不和我们平时使用getElementById获得的对象一样。所以一些新手就很迷惑,为什么${”#Element”}不能直接innerHTML,这就是原因所在。

两种方法获取DOM元素。

取出集合中的某一项,或者直接get方法

jQuery对象与DOM对象的转换

只有jQuery对象才能使用jQuery定义的方法。注意DOM对象和jQuery对象是有区别的,调用方法时要注意操作的是DOM对象还是jQuery对象。普通的DOM对象一般可以通过$()转换成jQuery对象。

如下:

$(document.getElementById("msg"))

由于jQuery对象本身是一个集合。所以如果jQuery对象要转换为DOM对象则必须取出其中的某一项,一般可通过索引取出。

$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]

JQuery中的get方法

get() 返回值:Array<Element>

取得所有匹配的 DOM 元素集合。

这是取得所有匹配元素的一种向后兼容的方式(不同于jQuery对象,而实际上是元素数组)。

如果你想要直接操作 DOM 对象而不是 jQuery 对象,这个函数非常有用。

JQuery中的get(index)方法

get(index) 返回值:Element

取得其中一个匹配的元素。 num表示取得第几个匹配的元素。

这能够让你选择一个实际的DOM 元素并且对他直接操作,而不是通过 jQuery 函数。$(this).get(0)与$(this)[0]等价。

get方法取回的是DOM元素,而不是jquery对象。因此可以直接使用get(1)这种方式来操纵DOM元素。

转载地址:http://gysxl.baihongyu.com/

你可能感兴趣的文章
为什么有人说组装机质量不好
查看>>
本地自旋锁与信号量/多服务台自旋队列-spin wait风格的信号量
查看>>
理想是自欺欺人的好东西
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
3.1 mysql客户端工具
查看>>
Ubuntu 14.04安装强大下载器uGet
查看>>
我的友情链接
查看>>
MySQL主从复制之主库宕机处理;
查看>>
Centos 搭建 zookeeper
查看>>
ASM学习笔记
查看>>
最新XtraBackup安装
查看>>
1、取得/etiantian文件的权限对应的数字(考试题答案系列)
查看>>
持续交付:发布可靠软件的系统方法
查看>>
varnish缓存实现动静分离
查看>>
安装numpy、scipy、matplotlib
查看>>
子网划分
查看>>
C# 获取当前ip
查看>>
linux下phpMyAdmin提示缺少mysqli扩展的解决方法
查看>>
一起搭建linux监控平台之nagios(三)被监控端的环境部署
查看>>