<head runat="server">
<title>子元素过滤选择器</title>
<style type="text/css">
ul{ list-style-type:none; width:600px; padding:0px;}
ul li{ border:solid 1px #eee;}
.class1{ background-color:Aqua;}
</style>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#btn').click(function () {
//第2行
// $('li:nth-child(2)').addClass('class1');
//偶数行
// $('li:nth-child(even)').addClass('class1');
//第1行
// $('li:nth-child(1)').addClass('class1');
//$('li:first-child').addClass('class1');
//奇数行
// $('li:nth-child(odd)').addClass('class1');
//只有1个子元素
$('li:only-child').addClass('class1');
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<ul>
<li>大师兄,师傅让妖怪抓走了</li>
<li>二师兄,师傅让妖怪抓走了</li>
<li>大师兄,二师兄,师傅让妖怪抓走了</li>
<li>师傅,大师兄回来救我们的</li>
</ul>
<ul>
<li>大师兄,咱们把家当分了吧</li>
<li>沙师弟,咱们把家当分了吧</li>
<li>大师兄,二师兄,咱们把家当分了吧</li>
<li>师傅,大师兄,二师兄把家当分了</li>
</ul>
<ul>
<li>悟空,去弄些斋饭来</li>
<li>沙僧,去弄些斋饭来</li>
<li>八戒,去弄些斋饭来</li>
</ul>
<ul>
<li>沙僧语录:大师兄,师傅让妖怪抓走了;</li>
</ul>
<input type="button" id="btn" value="click" />
</form>
</body>