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

JQuery : méthodes display et Show()

巴扎黑
Libérer: 2017-06-29 10:43:29
original
2740 Les gens l'ont consulté



<br>

Afficher les éléments correspondants cachés.

<br>

Il s'agit de la version non animée de 'show( speed, [callback] )'. Si l'élément sélectionné est visible, cette méthode ne changera rien. Cette méthode fonctionnera que l'élément soit masqué via la méthode hide() ou que display:none soit défini en CSS.

Code HTML :
<p style="display: none">Hello</p>
Copier après la connexion
Code jQuery :
$("p").show("fast",function(){
   $(this).text("Animation Done!");
 });
Copier après la connexion
<br>
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion

<br>
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
<br>
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
<br>
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
定义和用法display 属性规定元素应该生成的框的类型。
Copier après la connexion
Valeur Description
aucune Cet élément ne sera pas affiché.
bloc Cet élément sera affiché comme un élément de niveau bloc, avec des sauts de ligne avant et après cet élément.
en ligne Par défaut. Cet élément sera affiché sous la forme d'un élément en ligne
描述
none 此元素不会被显示。
block 此元素将显示为块级元素,此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素,元素前后没有换行符。
inline-block 行内块元素。(CSS2.1 新增的值)
list-item 此元素会作为列表显示
run-in 此元素会根据上下文作为块级元素或内联元素显示。
compact CSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
marker CSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
table 此元素会作为块级表格来显示(类似 ),表格前后带有换行符。CSS, mais elle a été supprimée de CSS2.1 en raison du manque de support généralisé.
inline-table 此元素会作为内联表格来显示(类似 ),表格前后没有换行符。)。)。)。)。)。)
table-row-group 此元素会作为一个或多个行的分组来显示(类似
table-header-group 此元素会作为一个或多个行的分组来显示(类似
table-footer-group 此元素会作为一个或多个行的分组来显示(类似
table-row 此元素会作为一个表格行显示(类似
table-column-group 此元素会作为一个或多个列的分组来显示(类似
table-column 此元素会作为一个单元格列显示(类似
table-cell 此元素会作为一个表格单元格显示(类似
table-caption 此元素会作为一个表格标题显示(类似
inherit 规定应该从父元素继承 display 属性的值。
, sans saut de ligne avant et après l'élément.
inline-block Élément de bloc en ligne. (CSS2.1 Nouvelle valeur)
list-item Cet élément sera utilisé comme Affichage de la liste.
run-in Cet élément apparaîtra comme un élément de niveau bloc ou un élément en ligne, selon le contexte.
compact
marqueur Le marqueur de valeur existe en CSS, mais a été supprimé de CSS2.1 en raison d'un manque de support généralisé.
table Cet élément sera utilisé comme Table à afficher (similaire à ), avec des sauts de ligne avant et après le tableau.
inline-table Cet élément sera affiché sous forme de tableau en ligne (similaire à ), sans saut de ligne avant et après le tableau. ). ). ). ). ). )
table-row-group Cet élément sera affiché sous la forme d'un groupe d'une ou plusieurs lignes (similaire à
table-header-group Cet élément sera affiché sous forme de groupe d'une ou plusieurs lignes (similaire à
table-footer-group Cet élément sera affiché sous forme de groupe d'une ou plusieurs lignes (similaire à
table-row Cet élément sera affiché sous forme de ligne de tableau (similaire à
table-column-group Cet élément sera affiché sous forme de groupe d'une ou plusieurs colonnes (similaire à
table-column Cet élément sera affiché sous forme de colonne de cellules (similaire à
table-cell Cet élément sera affiché sous forme de cellule de tableau (similaire à et )
table-caption Cet élément sera affiché sous forme de titre de tableau (similaire à
)
inherit Spécifie que l'élément parent doit être Hérite de la valeur de l'attribut d'affichage .

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