Maison > interface Web > js tutoriel > le corps du texte

详解jquery和js实现对div的隐藏和显示方法

高洛峰
Libérer: 2017-03-12 14:25:46
original
1116 Les gens l'ont consulté

本文详解jqueryjs实现对div的隐藏和显示方法

jquery和js分别可以实现对p的隐藏和显示,方法也不一样,jquery的show、show;js的hidden、visible

jQuery对p的显示和隐藏:

显示:

 代码如下:

$("#id").show()
Copier après la connexion
Copier après la connexion


隐藏:

代码如下:

$("#id").show()
Copier après la connexion
Copier après la connexion

js对p的显示和隐藏:

p的visibility可以控制p的显示和隐藏,但是隐藏后页面显示空白

代码如下:

style="visibility: none;"
document.getElementById("typep1").style.visibility="hidden";//隐藏
document.getElementById("typep1").style.visibility="visible";//显示
Copier après la connexion


通过设置display属性可以使p隐藏后释放占用的页面空间,如下

代码如下:

style="display: none;"
document.getElementById("typep1").style.display="none";//隐藏
document.getElementById("typep1").style.display="";//显示
Copier après la connexion


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!