Nearth===>WEB前端--第7课/JQuery/JQuery中的选择器总结

最新推荐文章于 2019-11-16 17:30:09 发布

原创最新推荐文章于 2019-11-16 17:30:09 发布 · 163 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

WEB前端第三季/JQuery 专栏收录该内容

52 篇文章

订阅专栏

本文深入解析了JQuery中的选择器使用方法，包括ID选择器、标签选择器和类选择器，对比了DOM中获取元素的不同方式，是前端开发者掌握JQuery核心功能的必备指南。

JQuery中的选择器总结：


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Nearth</title>
		<script src="jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<script >
        
        	
        
		
        
		</script>
	</head>
	<body>
		<h1>jquery中的选择器</h1>
		<hr >
		<p>
			/* *DOM中获取元素的方式 */ <br>
			document.getElementById("id的值");根据id获取一个元素<br>
			document.getElementsByTagName("标签的名字");根据标签的名字获取多个元素 <br>
			document.getElementsByName("name属性的值");根据name属性的值获取多个元素 <br>
			document.getElementsByClassName("类样式的名字");根据的是类样式的名字来获取多个元素 <br>
		</p>
		<hr >
		<p>
			jquery获取元素的方式:通过各种选择器来获取元素 <br>
			根据id 来获取:id 选择器===>$("#id 的值");一个, <br>
			根据标签的名字来获取:标签选择器===>$("标签的名字");多个, <br>
			根据类样式的名字来获取:类选择器===>$(".类样式的名字");多个 <br>
		</p>
	</body>
</html>