ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery - 表示メソッドと Show() メソッド

JQuery - 表示メソッドと Show() メソッド

巴扎黑
リリース: 2017-06-29 10:43:29
オリジナル
2750 人が閲覧しました

<br>

非表示の一致する要素を表示します。

<br>

これは、「show(speed, [callback] )」のアニメーションなしのバージョンです。選択した要素が表示されている場合、このメソッドは何も変更しません。このメソッドは、要素が Hide() メソッドによって非表示になっているか、CSS で display:none; が設定されているかに関係なく機能します。

HTMLコード:
<p style="display: none">Hello</p>
ログイン後にコピー
jQueryコード:
$("p").show("fast",function(){
   $(this).text("Animation Done!");
 });
ログイン後にコピー
<br>
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

<br>
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
e
<br>
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
rreee
<br>
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
説明
none は表示されません。
block この要素は、この要素の前後に改行を入れて、ブロックレベルの要素として表示されます。
インライン デフォルト。この要素は、要素の前後に改行を入れずに、インライン要素として表示されます。
inline-block インラインブロック要素。 (CSS2.1 新しい値)
list-item この要素は list として表示されます。
run-in この要素は、コンテキストに応じてブロックレベル要素またはインライン要素として表示されます。
compact CSSにはcompactという値がありますが、広くサポートされていないため、CSS2.1から削除されました。
マーカー CSS には値マーカーがありますが、広くサポートされていないため、CSS2.1 から削除されました。
table この要素は、ブロックレベルのtableとして表示されます( )、表の前後に改行が入ります。
inline-table この要素は、表の前後に改行のないインライン表 ( と同様) として表示されます。 と同様)。 と同様)。 )。 と同様)。 と同様)。 と同様) と同様) ;)
table-row-group この要素は、1 つ以上の行のグループとして表示されます (
table-header-group この要素は、1 つ以上の行のグループとして表示されます (
table-footer-group この要素は、1 つ以上の行のグループとして表示されます (
table-row この要素はテーブル行として表示されます (
table-column-group この要素は、1 つ以上の列のグループとして表示されます (
table-column この要素はセルの列として表示されます (
table-cell この要素は表のセルとして表示されます (
および )
table-caption この要素は表のタイトルとして表示されます (
と同様)
inherit から継承する必要があることを指定します親要素display 属性の値。

以上がJQuery - 表示メソッドと Show() メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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