Jquery选择器

1、基本选择器（根据Id或者class进行选择）
//选择 所有的span元素和class为two的元素

$('span.two')，span和.two中间不能有空格，必须紧挨着
$('span#two').css("background", "#FF69B4");




2、层次选择器
//选择 body内的所有div元素.

$('body div').css("background", "#bbffaa");


//选择body内元素名是div的子元素.

$('body > div').css("background", "#bbffaa");




3、基本过滤器
//选择第一个div元素.

$('div:first').css("background", "#bfa");


//选择最后一个div元素.

$('div:last').css("background", "#bfa");




4、内容过滤器
//选取含有文本"any"的div元素(包含所有父元素).

$("div:contains('any')").css("background", "#bbffaa");


//选取含有class为mini元素 的div元素.

$("div:has('.mini')").css("background", "#bbffaa");


5、可见性过滤器
//选取所有不可见的元素.
$('div:hidden').show(3000).css("background", "#bbffaa");