等效于jQuery .hide（）设置可见性：隐藏

JavaScript CSS

Eva飞云

2020-03-23

在jQuery中，有.hide()和.show()方法设置CSS display: none设置。

是否有可以设置visibility: hidden设置的等效功能？

我知道我可以使用，.css()但是我喜欢某些类似的功能.hide()。谢谢。

第2633篇《等效于jQuery .hide（）设置可见性：隐藏》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
蛋蛋猿 2020.03.23

没有内置的，但是您可以很容易地编写自己的：

(function($) {
    $.fn.invisible = function() {
        return this.each(function() {
            $(this).css("visibility", "hidden");
        });
    };
    $.fn.visible = function() {
        return this.each(function() {
            $(this).css("visibility", "visible");
        });
    };
}(jQuery));

然后可以这样调用：

$("#someElem").invisible();
$("#someOther").visible();

这是一个有效的例子。

梅泡芙 2020.03.23

一个更简单的方法是使用jQuery的toggleClass（）方法

的CSS

.newClass{visibility: hidden}

的HTML

<a href="#" class=trigger>Trigger Element </a>
<div class="hidden_element">Some Content</div>

JS

$(document).ready(function(){
    $(".trigger").click(function(){
        $(".hidden_element").toggleClass("newClass");
    });
});

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android