「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > CSSの可視性を制御するためにjQuery関数を作成するにはどうすればよいですか?

CSSの可視性を制御するためにjQuery関数を作成するにはどうすればよいですか?

2025-03-23に投稿されました
ブラウズ:853

How Can I Create jQuery Functions to Control CSS Visibility?

jQuery関数を作成するCSS可視性

jQuery、.hide()および.show()メソッドは、それぞれCSSディスプレイプロパティをゼロに設定します。ただし、CSS視認性のプロパティを非表示に明示的に設定する同様の関数はありますか?関数:

jquery.fn.visible = function(){ this.css( 'visibility'、 'visible')を返します。 }; jquery.fn.invisible = function(){ this.css( 'visibility'、 'hidden')を返します。 }; jquery.fn.visibilitytoggle = function(){ return this.css( 'visibility'、function(i、visibility){ return(visibility == 'visible')? 「隠されている」:「可視」; }); };

例の使用法:

$( '#element')。visible(); //要素を表示します $( '#要素')。Invisible(); //要素を見えなくします $( '#element')。visalibilitytoggle(); // visibility

jQuery.fn.visible = function() {
    return this.css('visibility', 'visible');
};

jQuery.fn.invisible = function() {
    return this.css('visibility', 'hidden');
};

jQuery.fn.visibilityToggle = function() {
    return this.css('visibility', function(i, visibility) {
        return (visibility == 'visible') ? 'hidden' : 'visible';
    });
};

!(function($){ var toggle = $ .fn.toggle; $ .fn.toggle = function(){ var args = $ .makearray(議論)、 lastarg = args.pop(); if(lastarg == 'visibility'){ this.visibilitytoggle(); } toggle.apply(this、arguments)を返します。 }; })(jQuery);

これにより、可視性を切り替えるためのショートカットとしてトグル(「可視性」)を使用できます。ただし、これは一般に、他のコンテキストでトグル()のデフォルトの動作をオーバーライドできるため推奨されません。
最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3