jQuery中可见性过滤器的简单使用示例

本文说明了可见性过滤器在jQuery中的简单用法。分享给大家参考，如下：

一个介绍

元素有两种可见状态，即隐藏状态和显示状态。可见性过滤器根据元素的可见性状态匹配元素。因此，有两种可见性过滤器，一种是匹配所有可见元素的：visible过滤器，另一种是匹配所有不可见元素的：hidden过滤器。

当应用：隐藏过滤器时，显示属性为无且输入元素的类型属性为隐藏的元素将匹配。

第二次申请

获取隐藏并显示在页面上的输入元素的值

三个代码

脚本语言=' JavaScript ' src=' http : js/jquery-3 . 1 . 1 . min . js '/script input type=' text ' value=' displayed input element ' input type=' text ' value=' I是未显示的输入元素' style=' display : none ' input type=' hidden ' value=' I是隐藏字段'脚本类型='text/javascript' $(文档)。ready(function(){ var visible val=$(' input 3360 visible ')。val()；//获取input var hidden val 1=$(' input : hidden : eq(0)')的显示值。val()；//获取隐藏输入var hidden val 2=$(' input : hidden 3360 eq(1)')的值。val()；//获取隐藏输入(visible val ' \ n \ r ' hidden val 1 ' \ n \ r ' hidden val 2)的值警报；//弹出获取的信息})；/编写四种运行效果的脚本

更多对jQuery感兴趣的读者，请查看本站话题：《jQuery表格(table)操作技巧汇总》、《jQuery表单操作总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jquery选择器用法总结》、0103010。

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