jQuery学习：过滤选择器

		<div id="div1" class="box">div1(class=box)</div>
		<div id="div2" class="box">div2(class=box)</div>
		<div id="div3">div3</div>
		<span class="box">span(class="box")</span>
		<br>
		<ul>
			<li>AAAAA</li>
			<li title="hello">BBBBB(title="hello")</li>
			<li class="box">CCCCC(class="box")</li>
			<li title="34">DDDDD(title="hello")
				<span class="box">GGGG</span>
				<p></p>
			</li>
			<span>EEEEE</span>
			<span>FFFFF</span>
			<p><span>HHHHHH</span></p>
			<li style="display:none;">你看不见我</li>
			<li>BBBBB</li>

		</ul>

:first 选中第一个元素

//选择第一个div
			$('div:first').css('font-size','20px');

 :last：最后一个元素

//选择最后一个class为box的元素
			$('.box:last').css('background-color','aquamarine');

:not(条件)选中不需要的条件

//选择div class属性不为box
			$('div:not(.box)').css('background-color','aqua');

:gt(下标) 大于0 :lt(下标) :小于

多个选择器是依次执行的不是并的关系

//这个选择器是前后执行的 先选出 不是第一个的 再重新选出小于3的
			$('li:gt(0):lt(2)').css('background-color','red')

	$('li:lt(3):gt(0)').css('background-color','red')

内容选择 :contains('内容')

//选择内容为BBBBB的li
			$("li:contains('BBBBB')").css('font-weight','bold')

选择隐藏的内容 :hidden

//选择隐藏的li
			console.log($('li:hidden').length,$('li:hidden')[0])

//选择有title属性的li元素  [属性名]

	//选择有title属性的li元素
			$('li[title]').css('color','orange')

 选择具有属性值的元素  双引号可加可不加

//选择所有属性title为hello的li元素
$('li[title=hello]').css('color','mediumorchid');
$('li[title="hello"]').css('color','mediumorchid');

:eq(下标)选中任意dom