基本选择器
id选择器#id
.class类选择器
element元素选择器
*通配
select1,select2,select3 群组---集合元素选择器$('input,#bt1')
1：改变id为one的元素的背景色
$(function (){
$('#one').css("background","red");
});
2：改变所有class为mini的元素的背景
3：div元素的背景
层次选择器
后代选择器$('div span') 选取div里边所有的span
$('parent>child') 选取直接后代
$('.one+div') ---选取class 为one的下一个<div>兄弟元素
$('#two~div') 选取id为two的元素后边的<div>元素
基本过滤选择器
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:contains(dv)--找到类容中有dv的元素--会包含到它的父元素-但不包含子元素
$('div:empty') 类容为空的元素 不影响父元素
$('div:has(.mini)') div中含有class为mini的元素
//
$('div:parent')有子元素或者类容的元素
可见性过滤选择器
div:hidden 选取所有不可见元素
div:visible选取所有可见
属性过滤选择器
$('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的元素
子元素过滤选择器
$('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') 只有一个子元素
表单对象属性
:enabled 选取可用元素
:disabled选取不可用元素
:checked--多选框被选中的
:selected --下拉列表中被选中