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

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

高洛峰
高洛峰オリジナル
2017-03-12 14:25:461179ブラウズ

この記事では、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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。