jQueryを使用してCSS表示を変更したり、プロパティをブロックしたりするにはどうすればよいですか？

jQueryを使用してCSS表示を変更したり、プロパティをブロックしたりするにはどうすればよいですか？

これを行う正しい方法は、showおよびを使用することhideです。

$('#id').hide();
$('#id').show();

別の方法は、jQuery cssメソッドを使用することです。

$("#id").css("display", "none");
$("#id").css("display", "block");

これを行うにはいくつかの方法があり、それぞれ独自の目的があります。

1。）要素に実行することのリストを割り当てるだけでインラインで使用するには

$('#ele_id').css('display', 'block').animate(....
$('#ele_id').css('display', 'none').animate(....

2。）複数のCSSプロパティを設定するときに使用するには

$('#ele_id').css({
    display: 'none'
    height: 100px,
    width: 100px
});
$('#ele_id').css({
    display: 'block'
    height: 100px,
    width: 100px
});

3。）コマンドで動的に呼び出すには

$('#ele_id').show();
$('#ele_id').hide();

4。）divの場合、ブロックとなしを動的に切り替える

• Ta g N ameに応じて、一部の要素がインライン、インラインブロック、またはテーブルとして表示されます

$（ '＃ele_id'）。toggle（）;

divの表示がデフォルトでブロックされている場合は、.show()andを使用する.hide()か、さらに単純に、表示.toggle()を切り替えることができます。

非表示の場合：

$("#id").css("display", "none");

ショーの場合：

$("#id").css("display", "");

jQuery CSSメソッドを使用してそれを行う他の方法：

$("#id").css({display: "none"});
$("#id").css({display: "block"});

簡単な方法：

function displayChange(){
$(content_id).click(function(){
  $(elem_id).toggle();}

)}

(function($){
    $.fn.displayChange = function(fn){
        $this = $(this);
        var state = {};
        state.old = $this.css('display');
        var intervalID = setInterval(function(){
            if( $this.css('display') != state.old ){
                state.change = $this.css('display');
                fn(state);
                state.old = $this.css('display');
            }
        }, 100);        
    }

    $(function(){
        var tag = $('#content');
        tag.displayChange(function(obj){
            console.log(obj);
        });  
    })   
})(jQuery);

要素がすでに表示されているかどうかに応じて、要素を非表示および表示する場合は、.hide()andの代わりにtoggleを使用できます。.show()

$('elem').toggle();

.hide（）はChromeでは機能しません。

これは非表示に機能します：

var pctDOM = jQuery("#vr-preview-progress-content")[0];
pctDOM.hidden = true;

私の場合、入力要素が空であるかどうかに応じてフォームの要素の表示/非表示を行っていたため、要素を非表示にすると、非表示の要素に続く要素がそのスペースを占めて再配置され、フロートを実行する必要がありました：leftそのような要素の要素の。プラグインをdependsOnとして使用する場合でも、floatを使用する必要がありました。

これを使って：

$("#id").(":display").val("block");

または：

$("#id").(":display").val("none");

使用する：

$(#id/.class).show()
$(#id/.class).hide()

これが一番いい方法です。