使用jQuery设置元素可见性

Setting element visiblity with jQuery

本文关键字：可见性 元素 设置 jQuery 使用      更新时间：2023-09-26

使用jQuery，是否有一些属性上的元素，我可以设置为真/假来控制该元素的可见性?

基本上，我需要这样的东西:

$(this).visible(someCondition);

toggle()不能工作，因为我需要能够告诉它是否会显示。

show()和hide()工作，但我必须这样做:

if (someCondition) {
    $(this).show();
}
else {
    $(this).hide();
}

，正如你所看到的，它远没有我所寻找的解决方案那么优雅。

toggle(someCondition)将工作。
它接受一个可选的布尔形参

正如SLak建议的那样，toggle()可以工作。如果你正在使用设置了可见性状态的类(例如，display: none或visibility:hidden)，你也可以使用toggleClass()。

jQuery.fn.visibleCond = function( cond ) {
    if ( cond ) {
        return this.show();
    } else {
        return this.hide();
    };
};

: 

$(this).visibleCond(someCondition);

And fiddle: http://jsfiddle.net/C3daq/

相关文章：