jQuery选择器使用及举例2-并且过滤选择器
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-3.1.1.js"></script>
<script type="text/javascript">
function fun1(){
//第一个 :first
$('li:first').css('color','pink');
//最后一个 :last
$('li:last').css('color','pink');
//:eq()参数是下标 从0开始
$('li:eq(2)').css('color','pink');
//:gt() 大于某个下标 :lt()小于某个下标
$('li:gt(4)').css('color','pink');
// :even 所有偶数 从0开始
$('li:even').css('color','pink');
// :odd所有奇数 从0开始
$('li:odd').css('color','pink');
//:not() 除了
$('li:not(#a1)').css('color','pink');
// :header h1-h6的
$(':header').css('color','pink');
//注意!!在组合选择器在试用前下标会归位,即从0开始
}
</script>
</head>
<body>
<h1>并且选择器</h1>
<ul>
<li>唐僧</li>
<li>大师兄</li>
<li>二师兄</li>
<li id="a1">沙师弟</li>
<li>白龙马</li>
<li>唐僧</li>
<li>大师兄</li>
<li>二师兄</li>
<li>沙师弟</li>
<li>白龙马</li>
</ul>
<input type="button" name="" value="触发" onclick="fun1()" id="">
</body>
</html>