本文实例讲述了jQuery中过滤器的基本用法。分享给大家供大家参考，具体如下：

超文本标记语言正文：

输入类型='button' id='b1' value='偶数行红色br输入类型='按钮' id=' B2 '值='奇数行绿色brtable边框=1宽度=' 100 px ' TRT D1/TDT D1/TDT D1/TDT D1/TD/TRT D2/TDT D2/TDT D2/TD/TRT D3/TDT D3/TDT D3/TD/TRT D4/TDT D4/TDT D4/TDT D4/TDT D4/TDT D4/TD/TRT D5/TDT D5/TDT D5/TD/tr/table Brin put type=' button ' id=' B3 ' value='奇数列红色br输入类型=' button ' id=' B4 '值='偶数列绿色brtable边框=1宽度=' ' 100 px ' TRT D1/TDT D1/TDT D1/TDT D1/TD/TRT D2/TDT D2/TDT D2/TD/TRT D3/TDT D3/TDT D3/TDT D3/TD/TRT D4/TDT D4/TDT D4/TDT D4/TDT D4/TD/TRT D5/TDT D5/TD/tr/table Brin put type=' button ' id=' b5 ' value='奇数元素绿色brtable border=1 width=' 100px ' TRT D1/TDT D1/TDT D1/TDT D1/TDT D1/TD/TRT D2/TDT D2/TDT D2/TDT D2/TDT D2/TD/TRT D3/TDT D3/TDT D3/TDT D3/TD/TRT D4/TDT D4/TDT D4/TDT D4/TD/TRT D5/TDT D5/TDT D5/TDT D5/TDT D5/TDT操作代码：

$('#b1 ').click(function(){/* table : eq(0)tr : even table : eq(0):筛选出第一张表格tr:even:筛选出tr属性的对象*注意桌子和tr对象中间有空格，表示从属关系*/$('表： eq(0)tr : even ').css(“”背景','红色');});$('#b2 ').click(function(){ $(' table : eq(0)tr : odd ').css(“”背景','绿色');});$('#b3 ').click(function(){ $(' table : eq(1)TD : even ')).css(“”背景','红色');});$('#b4 ').click(function(){ $(' table : eq(1)TD : odd ')).css(“”背景','绿色');});$('#b5 ').click(function(){ $(' table : eq(2)TD : even ')).css(“”背景','绿色');});效果：

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery表格(table)操作技巧汇总》 、 《jQuery表单操作总结》 、 《jQuery常用插件及用法总结》 、 《jQuery扩展技巧总结》 、 《jQuery常见经典特效汇总》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。