jQuery基于特定值来判断隐藏显示元素的插件_jQuery之家-自由分享jQuery、html5、css3的插件库

jQuery-Visibly是一款小巧简单的jQuery隐藏显示元素插件。该插件根据某个元素的值，如下拉框的值、输入框的值等来判断是否显示某个指定的元素。用于判断的值可以是单个值，或者是多个值，也可以是正则表达式，非常灵活。

使用该隐藏显示元素插件首先要在页面中引入jQuery和jquery-visibly.js文件。

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-visibly.min.js"></script>

基本调用插件方法如下：

$(document).ready(function() {
  $('[visibly]').Visibly();
})

可使用可用参数来覆盖默认的参数选项：

$(document).ready(function() {
  options = {
    clearOnHide: true
  }
  $('[visibly]').Visibly(options);
})

例如该隐藏显示元素的HTML结构如下：

<div visibly="field1:a,b;field2:1"></div>

上面的HTML结构使该div元素在field1的值为a或b，并且field2的值为1的时候才显示，否则处于隐藏状态。

名称	默认值	描述
attr	Default: visibly	用于存储隐藏显示规则的属性。
clearOnHide	Default: false	如果设置为`true`，当一个`input`或`select`元素被隐藏时将清除它的文本值。这个操作时递归的，例如：在`div`中有一个`input`元素，`div`被隐藏时将清除`input`元素的值。
regularExpression	Default: false	是否使用正则表达式来作为测试值。
vdelim	Default: ,	用于分割某个字段测试条件的分隔符。
edelim	Default: ;	用于分割多个不同字段的分隔符。
fdelim	Default: :	字段名称和值之间的分割符。
rdelim	Default: %	多重规则之间的分割符。