Heim > Web-Frontend > js-Tutorial > Hauptteil

JQuery – display- und Show()-Methoden

巴扎黑
Freigeben: 2017-06-29 10:43:29
Original
2730 Leute haben es durchsucht



<br>

Versteckte übereinstimmende Elemente anzeigen.

<br>

Dies ist die nicht animierte Version von „show( speed, [callback] )“. Wenn das ausgewählte Element sichtbar ist, ändert diese Methode nichts. Diese Methode funktioniert unabhängig davon, ob das Element über die Methode hide() ausgeblendet ist oder display:none; in CSS festgelegt ist.

HTML-Code:
<p style="display: none">Hello</p>
Nach dem Login kopieren
jQuery-Code:
$("p").show("fast",function(){
   $(this).text("Animation Done!");
 });
Nach dem Login kopieren
<br>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

<br>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
<br>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
<br>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
定义和用法display 属性规定元素应该生成的框的类型。
Nach dem Login kopieren
Wert Beschreibung
keine Dieses Element wird nicht angezeigt.
block Dieses Element wird als Element auf Blockebene angezeigt, mit Zeilenumbrüchen vor und nach diesem Element.
inline Standard. Dieses Element wird als Inline-Element
描述
none 此元素不会被显示。
block 此元素将显示为块级元素,此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素,元素前后没有换行符。
inline-block 行内块元素。(CSS2.1 新增的值)
list-item 此元素会作为列表显示
run-in 此元素会根据上下文作为块级元素或内联元素显示。
compact CSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
marker CSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
table 此元素会作为块级表格来显示(类似 ),表格前后带有换行符。CSS, der jedoch aus CSS2.1 entfernt wurde, da keine breite Unterstützung vorhanden war.
inline-table 此元素会作为内联表格来显示(类似 ),表格前后没有换行符。)。)。)。)。)。)
table-row-group 此元素会作为一个或多个行的分组来显示(类似
table-header-group 此元素会作为一个或多个行的分组来显示(类似
table-footer-group 此元素会作为一个或多个行的分组来显示(类似
table-row 此元素会作为一个表格行显示(类似
table-column-group 此元素会作为一个或多个列的分组来显示(类似
table-column 此元素会作为一个单元格列显示(类似
table-cell 此元素会作为一个表格单元格显示(类似
table-caption 此元素会作为一个表格标题显示(类似
inherit 规定应该从父元素继承 display 属性的值。
ohne Zeilenumbrüche vor und nach dem Element angezeigt.
inline-block Inline-Blockelement. (CSS2.1 Neuer Wert)
list-item Dieses Element wird verwendet als Listenanzeige.
run-in Dieses Element wird je nach Kontext als Block-Level-Element oder als Inline-Element angezeigt.
kompakt
marker Der Wertmarker existiert in CSS, wurde jedoch aus CSS2.1 entfernt, da keine breite Unterstützung vorhanden ist.
Tabelle Dieses Element wird als Tabelle zur Anzeige (ähnlich wie ), mit Zeilenumbrüchen vor und nach der Tabelle.
inline-table Dieses Element wird als Inline-Tabelle (ähnlich wie ) ohne Zeilenumbrüche vor und nach dem angezeigt Tisch. ). ). ). ). ). )
table-row-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie
table-header-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie
table-footer-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie
table-row Dieses Element wird als Tabellenzeile angezeigt (ähnlich wie
table-column-group Dieses Element wird als Gruppe aus einer oder mehreren Spalten angezeigt (ähnlich wie
table-column Dieses Element wird als Zellenspalte angezeigt (ähnlich wie
table-cell Dieses Element wird als Tabellenzelle angezeigt (ähnlich wie und )
table-caption Dieses Element wird als Tabellentitel angezeigt (ähnlich wie
) )
inherit Gibt an, dass das übergeordnete Element Erbt den Wert des Anzeigeattributs .

Das obige ist der detaillierte Inhalt vonJQuery – display- und Show()-Methoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage