jQuery对象

最新推荐文章于 2022-11-09 10:02:23 发布

ㅤㅤㅤ。。。

最新推荐文章于 2022-11-09 10:02:23 发布

阅读量135

点赞数

文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/qq_64272127/article/details/127380722

版权

jQuery中的顶级对象$

1、$是jQuery的别称，在代码中可以使用jQuery代替，但一般为了方便，通常都直接使用$.

2、$是jQuery的顶级对象，相当于原生JavaScript中的window.把元素利用$包装成jQuery对象，就可以调用jQuery的方法.

jQuery对象和DoM对象

使用jQuery方法和原生js获取的元素是不一样的，总结如下：

1、用原生js获取来的对象就是DOM对象。

2、jQuery方法获取的元素就是jQuery对象。

3、JQuery对象的本质是：利用$对DOM对象包装后产生的对象（伪数组形式存储）。

注意：

1、只有jQuery对象才能使用jQuery方法，DOM对象则使用原生的javaScirpt方法。

2、原生js中的load事件是等页面文档、外部的js文件、css文件、图片加载完毕才执行内部代码

<style type="text/css">
		#d1{
			color: red;
			size: unset;
		}
		p{
			color: cyan;
		}
	</style>
		<script src="js/jquery.min(1).js">

		</script>
		<script type="text/javascript">
			$(function() {
				var a1 = $("#d1"); //获取id元素
				console.log(a1);
				console.log(a1.text()); //使用JQ对象的方法获取元素的文本内容
				console.log(a1[0].innerText); //JQ对象转换成DOM对象获取文本内容

				console.log("................")
				var d1 = document.getElementById("d1") //根据id获取元素
				console.log(d1.innerText); //使用DOM对象获取元素文本内容
				console.log($(d1).text()); //DOM对象转化为JQ对象，获取文本内容

				var a2 = $("p");

			});
		</script>
	</head>
	<body>
		<h2>JQuery入门</h2>
		<div id="d1">
			id为d1的div
		</div>
		<p>这是一个p标签1</p>
		<p>这是一个p标签2</p>
	</body>

ㅤㅤㅤ。。。

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery对象

2、$是jQuery的顶级对象，相当于原生JavaScript中的window.把元素利用$包装成jQuery对象，就可以调用jQuery的方法.1、$是jQuery的别称，在代码中可以使用jQuery代替，但一般为了方便，通常都直接使用$.1、只有jQuery对象才能使用jQuery方法，DOM对象则使用原生的javaScirpt方法。3、JQuery对象的本质是：利用$对DOM对象包装后产生的对象（伪数组形式存储）。2、jQuery方法获取的元素就是jQuery对象。
复制链接

扫一扫