本文实例讲述了jQuery可见性过滤选择器用法。分享给大家供大家参考，具体如下：

html health eta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title/title！-引入jQuery-script src=' http : js/jQuery-1。10 .1 .量滴js ' type=' text/JavaScript '/script link rel='样式表type=' text/CSS ' href=' CSS/style。CSS '/脚本类型=' text/JavaScript '/！[CDATA[$(文档)。ready(function(){ $('#reset ')).单击(function(){ window。位置。重载()；}) //给编号为原动力的元素添加动画。函数animateIt() { $('#mover ').slideToggle('慢，animateIt)；} animateIt()；//选取所有不可见的元素。包括输入类型='隐藏'/。$('#btn_hidden ').单击（函数(){ alert('不可见的元素有：“$”(“body : hidden”).'长度'个！n " "其中不可见的差异元素有：' $('div:hidden ').长度'个！n " "其中文本隐藏域有： ' $('输入3360隐藏').'长度'个！');$(“隐藏div :”).表演(3000)。css(“”背景，' # bbffaa ')；}) //选取所有可见的元素$('#btn_visible ').单击(function(){ $('div:visible ').css(“”背景，' # ff 6500 ')；})});//]]/脚本/头dyh 3可见性过滤选择器/h3button id='reset '手动重置页面元素/按钮br/br/输入类型='按钮'值='选取所有可见的差异元素。id=' BTN _可见'/br/输入类型='按钮'值='选取所有不可见的元素。包括输入类型='隐藏'/和div style=' display:none '。id=' BTN _隐藏'/br/br/div class=' one ' id=' one ' id为一班为一个的div class='mini '类为mini/div/div class=' one ' id=' two ' title=' test ' id为二班为一，标题为试验的div .div class=' mini ' title=' other ' class为迷你，标题为其他/div class=' mini ' title=' test ' class为迷你，标题为test/div/div class=' one ' div class=' mini ' class为mini/div class=' mini '类为mini/div class=' mini '类为mini/div class=' mini '/div/div class=' one ' div class=' mini ' class为mini/div class=' mini '类为mini/div class=' mini '类为mini/div class=' mini ' title=' tesst ' class为迷你，标题为tesst/div/div style=' display : none；class='none '样式的显示为没有的div/divdiv class='hide'class为隐藏的div/divdiv包含投入的类型为"隐藏"的差异输入类型='隐藏'大小=' 8 '/div span id=' Mover '正在执行动画的跨度元素跨度/正文/html效果图：

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

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