JQuery_jquery で div を表示および非表示にするいくつかの方法の簡潔な要約

例

コードをコピーします コードは次のとおりです:

$("#top_notice").css("display", "block");//最初のメソッド
//$("#top_notice").attr("style", "display:block;");//2 番目のメソッド
//$("#top_notice").show();//3 番目のメソッド

1. 要素のクラスを変更して div を非表示にします。前提条件は、変更されたクラス スタイルが隠し属性
を定義していることです。

コードをコピー コードは次のとおりです:

$("#sendPhoneNum").attr("クラス", "n_input3");

1.2 要素
に style 属性を設定する

コードをコピー コードは次のとおりです:

$("#top_notice").attr("style", "display:block;");

2. jquery の css メソッドを使用して、div を非表示に設定します

コードをコピー コードは次のとおりです:

$("#sendPhoneNum").css("表示", "なし");

3. jquery の show() メソッドと Hide() メソッドを使用して、div を非表示に設定します

コードをコピー コードは次のとおりです:

$("#textDiv").show();// div を表示
$("#imgDiv").hide();// div を非表示

div の表示と非表示はプログラミングでよく使用されます。

コードをコピーします コードは次のとおりです:

例

1. $("#demo").attr("style","display:none;");// div を非表示
$("#demo").attr("style","display:block;");//表示 div
2. $("#demo").css("display","none");// div を非表示
$("#demo").css("display","block");//div を表示
3. $("#demo").hide();// div を非表示
$("#demo").show();// div を表示
4. $("#demo").toggle(
関数 () {
$(this).attr("style","display:none;");// div を非表示
}、
関数 () {
$(this).attr("style","display:block;");//表示 div
}
);

あくまでご参考までに！