一.常用的选择器有一下几种:
1.标签选择器
2.类选择器
3.id选择器
4.并集选择器
5.层级选择器
二.如何获取选择器对象:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>选择器</title>
<script type="text/javascript" src="./js/jquery-1.12.4.min.js"></script>
<script>
$(function(){
// 标签选择器, 选择了所有的div标签
var $box_tag = $("div");
// 类选择器 只选中该类名的标签
var $box_class = $(".box");
// id 选择器 只选择该id名的标签
var $box_id = $("#box_id");
// 并集选择器,同时选中过个标签
var $box = $("#box_id, .box");
// 层级选择器,用来准确定位到具体标签
var $box_c = $(".box box1");
// 除此以外, 可以在实际情况中灵活使用$(this), 表示当前的html元素
});
</script>
</head>
<body>
<div class="box">
<span class="box1"></span>
<span></span>
</div> <div id="box_id">
</div>
</body>
</html>