本文实例讲述了jQuery中可见性过滤器简单用法。分享给大家供大家参考，具体如下：
一 介绍
元素的可见状态有两种，分别是隐藏状态和显示状态。可见性过滤器就是利用元素的可见状态匹配元素的。因此，可见性过滤器也有两种，一种是匹配所有可见元素的:visible过滤器，另一种是匹配所有不可见元素的:hidden过滤器。
在应用:hidden过滤器时，display属性是none以及input元素的type属性为hidden的元素都会被匹配到。
二 应用
获取页面上隐藏和显示的input元素的值
三 代码
<script language="javascript" src="JS/jquery-3.1.1.min.js"></script><input type="text" value="显示的input元素"><input type="text" value="我是不显示的input元素" style="display:none"><input type="hidden" value="我是隐藏域"><script type="text/javascript"> $(document).ready(function() { var visibleVal = $("input:visible").val(); //取得显示的input的值 var hiddenVal1 = $("input:hidden:eq(0)").val(); //取得隐藏的input的值 var hiddenVal2 = $("input:hidden:eq(1)").val(); //取得隐藏的input的值 alert(visibleVal+"/n/r"+hiddenVal1+"/n/r"+hiddenVal2); //弹出取得的信息 });</script>四 运行效果
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery表格(table)操作技巧汇总》、《jQuery表单操作总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
您可能感兴趣的文章:
- jQuery中过滤器的基本用法示例
- JQuery的常用选择器、过滤器、方法全面介绍
- jQuery使用contains过滤器实现精确匹配方法详解
- jQuery可见性过滤器：hidden和：visibility用法实例
- JQuery选择器、过滤器大整理
- jQuery表单域属性过滤器用法分析
- Jquery 过滤器(first,last,not,even,odd)的使用
- 从jquery的过滤器.filter()方法想到的
- jQuery contains过滤器实现精确匹配使用方法
- jQuery ajax 路由和过滤器使用说明
- jquery中通过过滤器获取表单元素的实现代码
- JQuery 选择器、过滤器介绍
- jQuery中内容过滤器简单用法示例
Peter-Zhu
大家讲道理
