ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery_jquery で div を表示および非表示にするいくつかの方法の簡潔な要約

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

WBOY
リリース: 2016-05-16 16:03:40
オリジナル
1299 人が閲覧しました


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

$("#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
}
);

あくまでご参考までに!
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート