jQuery对象与DOM对象的区别和联系

最新推荐文章于 2020-07-21 09:19:43 发布

何迟

最新推荐文章于 2020-07-21 09:19:43 发布

阅读量322

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/qq_42036616/article/details/84322504

版权

jQuery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

要点：

1.DOM对象是js和jQuery需要操作的对象，是通过原生js获取对象的方式获取到的，

jQuery对象是通过调用jQuery中获取元素方式获取到的DOM对象的集合，储存在伪数组中。

2.jQuery是一个储存DOM对象的伪数组对象，所以需要通过伪数组获取特定对象的方法获取到准确的DOM对象再来操作

获取方式有两种，一直接通过伪数组的索引操作，二通过.get()方法获取，例子中有。

3.将DOM对象转换为jQuery对象通过 var $obj = $(domObj)。

代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<ul>
		<li>第1个li标签</li>
		<li>第2个li标签</li>
		<li>第3个li标签</li>
		<li>第4个li标签</li>
		<li>第5个li标签</li>
		<li>第6个li标签</li>
		<li>第7个li标签</li>
		<li>第8个li标签</li>
		<li>第9个li标签</li>
		<li>第10个li标签</li>
	</ul>

	<script src="jquery-1.12.4.js"></script>
	<script type="text/javascript">
		var lis = $("li");
		// 通过jQUery地方式获取地对象就是jQuery对象，获取的是一个DOM对象的集合
		// 储存在伪数组中

		for(var i=0; i<lis.length; i++){
			if(i % 2 == 0){
				lis[i].style.backgroundColor = "blue";
				// 通过伪数组调用的方式可以将jquery对象特定的DOM对象获取出来
				// 另一种方式是get()
			}else{
				lis.get(i).style.backgroundColor = "yellow";
			}
		}
	</script>
</body>
</html>

效果：

何迟

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery对象与DOM对象的区别和联系

要点：1.DOM对象是js和jQuery需要操作的对象，是通过原生js获取对象的方式获取到的， jQuery对象是通过调用jQuery中获取元素方式获取到的DOM对象的集合，储存在伪数组中。2.jQuery是一个储存DOM对象的伪数组对象，所以需要通过伪数组获取特定对象的方法获取到准确的DOM对象再来操作获取方式有两种，一直接通过伪数组的索引操作，二通过.get()方法获取...
复制链接

扫一扫