jquery选择器

基本选择器

1、id选择器#id

2、.class类选择器

3、element元素选择器

4、*通配

select1,select2,select3 群组---集合元素选择器$('input,#bt1')

（1）：改变id为one的元素的背景色

$(function (){
            $('#one').css("background","red");
          });

（2）：改变所有class为mini的元素的背景

（3）：div元素的背景

5、层次选择器

（1）后代选择器$('div span') 选取div里边所有的span

$('parent>child')    选取直接后代
$('.one+div') ---选取class 为one的下一个<div>兄弟元素
$('#two~div')  选取id为two的元素后边的<div>元素  

（2）基本过滤选择器

div:first  选取所有div元素中的第一个div元素
div:last   选取所有div元素中的最后一个div元素
div:not(.mini) 选取class不为mini的元素
$('div:even') div索引值为偶数的元素 索引从0开始
$('div:odd')  div索引值为奇数的元素 索引从0开始
$('div:eq(2)') 指定div索引为2的值   索引从0开始
$('div:gt(2)') 指定大于索引大于2的元素 索引从0开始
$('div:lt(2)') 指定大于索引小于2的元素 索引从0开始

（3）类容过滤选择器

div:contains(dv)--找到类容中有dv的元素--会包含到它的父元素-但不包含子元素
$('div:empty') 类容为空的元素  不影响父元素
$('div:has(.mini)') div中含有class为mini的元素
//
$('div:parent')有子元素或者类容的元素  

6、可见性过滤选择器

div:hidden 选取所有不可见元素
div:visible选取所有可见

7、属性过滤选择器

$('div[title]')   div中有title属性的元素
$('div[title=test]') div中有title属性的元素并且=test的元素
$('div[title!=test]')div中title属性!=test的元素包括没有title属性的
$('div[title^=te]')div中title属性以te开头的元素
$('div[title$=ts]')div中title属性的值以ts结尾的元素
$('div[title*=es]')div中title属性的值包含es的元素
$('div[id][title*=es]') div中有id属性并且title属性值包含es的元素

8、子元素过滤选择器 重要

$('div .one:nth-child(2)') 选取div中class为one第二个子元素  下表index从1开始
$('div:nth-child(odd)')选取div中奇数
$('div.one :first-child')选择class为one的div块中第一个子元素
$('div.one :last-child')选择class为one的div块中最后一个子元素
$('div.one :only-child') 只有一个子元素

9、表单对象属性

:enabled 选取可用元素
:disabled选取不可用元素
:checked--多选框被选中的
:selected  --下拉列表中被选中