jQuery中可见性过滤器简单用法示例
本文实例讲述了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中内容过滤器简单用法示例
相关文章
实现easyui的datagrid导出为excel的示例代码
下面小编就为大家带来一篇实现easyui的datagrid导出为excel的示例代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-11-11
使用struts2+Ajax+jquery验证用户名是否已被注册
这篇文章主要介绍了使用struts2+Ajax+jquery验证用户名是否已被注册的相关资料,需要的朋友可以参考下2016-03-03
JQuery中的html()、text()、val()区别示例介绍
这篇文章主要介绍了JQuery中的html()、text()、val()的区别,需要的朋友可以参考下2014-09-09
轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
这篇文章主要帮大家轻松学习jQuery插件EasyUI,并利用EasyUI实现拖动基本操作,文章并提供了一个学校课程表简单实例,感兴趣的小伙伴们可以参考一下2015-11-11


最新评论