jquery基础选择器

最新推荐文章于 2024-07-31 10:39:29 发布

Monk8660

最新推荐文章于 2024-07-31 10:39:29 发布

阅读量130

点赞数

分类专栏：选择器总结类文章标签： jquery基础选择器

本文链接：https://blog.csdn.net/weixin_43173012/article/details/94383352

版权

总结同时被 3 个专栏收录

37 篇文章 0 订阅

订阅专栏

类

16 篇文章 0 订阅

订阅专栏

选择器

1 篇文章 0 订阅

订阅专栏

	<title>基础选择器</title>
</head>
<body>
	<!--
		
		基础选择器 Basics（掌握即可）
			Id选择器		$("#id属性值")		选择id为指定值的元素 （如果有多个同名Id，只会获取第一个）
			类选择器		$(".class属性值") 	选择所有class属性为指定值的元素
			元素选择器		$("元素名/标签名")  	选择指定标签的元素
			
			选择所有选择器	$("*")				选择所有标签的元素
			组合选择器		$("选择器1,选择器2...")	选择器指定选择器选中的元素
	-->
	
	<div id="mydiv"> div1</div>
	<div id="mydiv"> div2</div>
	<div class="cls1"> div3</div>
	<div class="cls1"> div4</div>
	<p>p1</p>
	<span class="cls1">span1</span>
</body>
<script type="text/javascript" src="js/jquery-3.4.1.js" ></script>
<script type="text/javascript">
	
	// Id选择器		$("#id属性值")
	var mydiv = $("#mydiv");
	console.log(mydiv);
	
	// 类选择器		$(".class属性值")
	var cls = $(".cls1");
	console.log(cls);
	
	// 元素选择器		$("元素名/标签名")
	var divs = $("div");
	console.log(divs);
	
	// 选择所有选择器	$("*")
	var all = $("*");
	console.log(all);
	
	// 组合选择器		$("选择器1,选择器2...")
	var group = $("#mydiv,span,.cls1");
	console.log(group);
</script>