基本选择器 | |
---|---|
.item | 根据 class名来选择标签 |
div | 选择所有 叫 div的标签 |
li,p | 选取多个元素 |
#box | 根据id 来选择标签 |
代码演示:
<div id="box">我是box</div>
<div class="item">我是item</div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<p>这是p标签</p>
<script src="js/jquery-1.7.js"></script>
<script>
$(function() {
// 基本选择器
console.log($("#box"));
$("#box").css("background", "red"); // 根据id 来选择标签
$(".item").css("background", "blue"); // 根据 class名来选择标签
$("div").css("color", "aqua"); // 选择所有 叫 div的标签
// 选取多个元素选择器
$("li,p").css("background", "aqua");
});
</script>