3.5 可见过滤:
:hidden   在页面不展示元素 一般指 input type="hidden" 和 样式中display:none
:visible 

<script type="text/javascript"> $(function(){ /*可见过滤 :hidden 在页面不展示元素 一般指 input type="hidden" 和 样式中display:none :visible */ //<input type="button" value=" 选取所有可见的div元素" id="b1"/> $("#b1").click(function(){ //:visible $("div:visible").css("background-color","red"); }) //<input type="button" value=" 选取所有不可见的div元素, 利用 jQuery 中的 show() 方法将它们显示出来" id="b2"/> $("#b2").click(function(){ //:hidden 在页面不展示元素 一般指 input type="hidden" 和 样式中display:none $("div:hidden").css("background-color","red").show(1000); }) }); </script>

3.6 属性过滤器
[属性名]
[属性名="值"]

<script type="text/javascript"> $(function(){ /*属性过滤器 [属性名] [属性名="值"]*/ //<input type="button" value="选取含有 属性title 的div元素." id="btn1"/> $("#btn1").click(function(){ $("[title]").css("background-color","red"); }) //<input type="button" value="选取 属性title值等于“test”的div元素." id="btn2"/> $("#btn2").click(function(){ $("[title='test']").css("background-color","red"); }); }) </script>

3.7 表单过滤:
:input  所有的表单子标签  input select textarea button
input   仅仅获取input标签

<script type="text/javascript"> $(function(){ /* 表单过滤 :input 所有的表单子标签 input select textarea button input 仅仅获取input标签*/ //1.获取form标签中的所有的子标签 alert($("#form1 :input").size()); //这种获取方式,不仅可以获取到form标签中的input标签,还可以获取到其中的button,textarea //2.仅仅获取input标签 alert($("#form1 input").size()); }) </script>