ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryとjsがdivの非表示と表示を実装する方法の詳細な説明

jqueryとjsがdivの非表示と表示を実装する方法の詳細な説明

高洛峰
リリース: 2017-03-12 14:25:46
オリジナル
1205 人が閲覧しました

この記事では、jqueryjsのdivの非表示と表示方法を詳しく説明します

jqueryとjsはそれぞれpを非表示と表示することができ、メソッドも異なります。jqueryのshow、jsのhidden、visible

jQuery p:

Display:

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

$("#id").show()
ログイン後にコピー
ログイン後にコピー


Hide:

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

$("#id").show()
ログイン後にコピー
ログイン後にコピー

js p:

p の の可視性を表示および非表示します。 pの表示と非表示を制御できますが、非表示にした後はページが空白になります

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

style="visibility: none;"
document.getElementById("typep1").style.visibility="hidden";//隐藏
document.getElementById("typep1").style.visibility="visible";//显示
ログイン後にコピー


display属性を設定することで、占有されていたページスペースを解放できますp が非表示になった後は、次のようになります

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

style="display: none;"
document.getElementById("typep1").style.display="none";//隐藏
document.getElementById("typep1").style.display="";//显示
ログイン後にコピー


以上がjqueryとjsがdivの非表示と表示を実装する方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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