JQuery选择器(三)过滤选择器

2.3.1基本过滤选择器
 $('div:first').CSS('background', '#FFFFFF');
 改变第一个div元素的背景色


 $('div:last').CSS('background', '#FFFFFF');
 改变最一个div元素的背景色


 $('div:not(.t)').CSS('background', '#FFFFFF');
 改变class不为‘t’的div元素的背景色


 $('div:even').CSS('background', '#FFFFFF');
 改变索引值为偶数的div元素的背景色


 $('div:odd').CSS('background', '#FFFFFF');
 改变索引值为奇数的div元素的背景色


 $('div:eq(1)').CSS('background', '#FFFFFF');
 改变索引值为1的div元素的背景色


 $('div:gt(2)').CSS('background', '#FFFFFF');
 改变索引值大于2的div元素的背景色


 $('div:lt(2)').CSS('background', '#FFFFFF');
 改变索引值小于2的div元素的背景色


 $(':header').CSS('background', '#FFFFFF');
 改变所有标题元素的背景色，例如<h1>,<h2>,<h3>,<h4>等元素的背景色


 $(':animates').CSS('background', '#FFFFFF');
 改变当前正在执行动画的元素的背景色


 $(':focus').CSS('background', '#FFFFFF');
 改变当前获取焦点的元素的背景色


 2.3.2内容过滤选择器
 $('div:contains(con)').CSS('background', '#FFFFFF');
 改变含有文本‘con’的div元素的背景色


 $('div:empty').CSS('background', '#FFFFFF');
 改变不包含任何子元素的div的空元素的背景色
 
 $('div:has(".button")').CSS('background', '#FFFFFF');
 改变class为‘button’元素的div元素的背景色


 $('div:parent').CSS('background', '#FFFFFF');
 改变含有子元素的div元素的背景色


 2.3.3可见性过滤选择器
 $('div:visible').CSS('background', '#FFFFFF');
 改变所有可见的div元素的背景色


 $('div:hidden').CSS('background', '#FFFFFF');
 改变所有隐藏的div元素的背景色


 2.3.4属性过滤选择器
 $('div[title]').CSS('background', '#FFFFFF');
 改变含有属性title的div元素的背景色


 $('div[title != topic]').CSS('background', '#FFFFFF');
 改变含有属性title不等于'topic'的div元素的背景色


 $('div[title ^= top]').CSS('background', '#FFFFFF');
 改变属性title以'top'开头的div元素的背景色


 $('div[title $= top]').CSS('background', '#FFFFFF');
 改变属性title以'top'结尾的div元素的背景色


 $('div[title *= top]').CSS('background', '#FFFFFF');
 改变属性title含有'top'的div元素的背景色


 $('div[id][title *= top]').CSS('background', '#FFFFFF');
 改变属性含有id,并且title含有'top'的div元素的背景色


 $('div[title |= top]').CSS('background', '#FFFFFF');
 改变属性title等于‘top’或以'top'为前缀的div元素的背景色


 $('div[title ~= top]').CSS('background', '#FFFFFF');
 改变属性title用空格分割的值中包含字符‘top’的div元素的背景色


 2.3.5子元素过滤选择器
 $('div.t:nth-child(2)').CSS('background', '#FFFFFF');
 改变每个class为't'的div父元素下的第二个子元素的背景色


 $('div.t:first-child').CSS('background', '#FFFFFF');
 改变每个class为't'的div父元素下的第一个子元素的背景色


 $('div.t:last-child').CSS('background', '#FFFFFF');
 改变每个class为't'的div父元素下的最后一个子元素的背景色


 $('div.t:only-child').CSS('background', '#FFFFFF');
 改变每个class为't'的div父元素下只有一个子元素，则改变该子元素的背景色


 2.3.6表单对象属性过滤选择器
 $('form1 input:enabled').val('改变的内容');
 改变表单内可用input元素的值


 $('form1 input:disabled').val('改变的内容');
 改变表单内不可用input元素的值


 $('input:checked').length
 获取多选框的个数


 $('select:selected').text()
 获取下拉框选中的内容