jQuery常见的选择器及用法介绍

$('#test1').css('background' , 'gray');
可以找到id = test1的单元。
$('p').css('background' , 'blue');
所有的P标签都会被选中。
 $('.test2').css('background' , 'green');
Class = test2的单元全部被选中。
 $('*').css('background','pink');
*指的就是所有元素，慎用。

$('div span').css('background' , 'orange');
div下的span将全部选中
<div><span>www.zixue.it</span></div>
<div><p><span>www.itbool.com</span></p></div>
这样的也会被选中
$('p ~ span').css('background' , 'gray');
<div><p></p><span>www.itbool.com</span></div>
像这样的span和P属于同一级别。将被选中。

<ul>
<li> 导航 1</li>
<li> 导航 2</li>
<li> 导航 3</li>
<li> 导航 4</li>
<li> 导航 5</li>
<li> 导航 6</li>
</ul>

$('li:first').css('background','red');

$('li:odd').css('background','blue');

$('li:eq(2)').css('background' , 'purple');

$('td:contains(" 女 ")').css('background' , 'blue');

<td> 女 </td>

<td> 赵云女 </td>

$('td:empty').css('background' , 'green');

$('td:has(span)').css('background' , 'pink');

<td><span>22</span></td>

<td><span>22</span><p>11</p>24</td>

$('p:parent').css('background' , 'black');

$('input[type="text"]').css('background' , 'gray');
$('input:text').css('background' , 'blue');

<input type="text" />

$('div:hidden').css('display','block');

$('p:last-of-type').css('background','gray');

<div><p>a</p><p>b</p></div>

<div></div>
<div class='a1'>
<div></div>
<div></div>
<div class='a2'></div>
</div>

$('li a:only-child').css('background','blue')

<li><a href=""> 导航 </a></li>