jQuery：jQuery基础选择器($(“#id名“))和筛选选择器($(“li:first“))

jQuery基础选择器

名称	说明
ID选择器：$("#id名")	获取指定ID元素
全选选择器：$("*")	匹配所有元素
class类选择器：$(".class类名")	获取同一个类的元素
标签选择器：$(“div”)	获取同一类标签的所有元素
并集选择器：$(“div,span,ul”)	获取多个元素
交集选择器：$(“li.current”)	获取交集元素

简单代码示例：

<div class="nav">哈哈哈</div>
<div id="nav"></div>
<a href="javascript:;" class="nav">hello world</a>
<ul>
<li>1</li>
<li class="current">2</li>
<li>3</li>
</ul>
<script>
$(function(){
	// D选择器：$("#id名") | 获取指定ID元素
	$("#nav").css("backgroundColor","skyblue");
	// class类选择器：$(".class类名") | 获取同一个类的元素
	$(".nav").css("color","green");
	// 交集选择器：$("li.current") | 获取交集元素
	$("li.current").css("color","red");
})
</script>

jQuery筛选选择器

用法	说明
$(“li:first”)	获取第一个li元素
$(“li:last”)	获取最后一个li元素
$(“li:eq(2)”)	获取到的li元素中，选择索引号为2的元素，索引号从0开始
$(“li:odd”)	获取到的li元素中，选择索引号为奇数的元素
$(“li:even”)	获取到的li元素中，选择索引号为偶数的元素

简单代码示例：

<script>
$(function(){
	// $("li:first") | 获取第一个li元素
	$("ul li:first").css("color","red");
	// $("li:eq(2)") | 获取到的li元素中，选择索引号为2的元素，索引号从0开始
	$("ul li:eq(2)").css("color","green");
})
</script>