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

要点:

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>

效果:

猜你喜欢

转载自blog.csdn.net/qq_42036616/article/details/84322504