jQueryの効果 - 非表示と表示

jQueryの非表示()とshow()

jQueryのことで、あなたはHTML要素を隠し、表示するために非表示()とshow()メソッドを使用することができます。

$( "#隠す")をクリックします。(関数(){ 
  $( "P")を非表示(); 
}); 

。$( "#ショー")をクリックします(関数(){ 
  $( "P")のショーを(); 
});

構文:

$(セレクタ).hide(速度、コールバック)。

$(セレクタ).SHOW(速度、コールバック)。

オプションの速度パラメータを所定の速度の表示/非表示は、次の値をとることができます、「遅い」「速い」またはミリ秒。

任意のコールバックパラメータは、実行が完了した後に非表示又は表示機能の名前です。

次の例では、速度パラメータ()メソッドと非表示を示しています。

。$( "ボタン")をクリックします({関数()
  。$( "P")非表示(1000); 
});

jQueryのトグル()

jQueryのことで、あなたがhide()およびshow()メソッドを切り替えるトグル()メソッドを使用することができます。

隠された要素を表示し、表示された要素を非表示:

$( "ボタン")をクリックします。(関数(){ 
  $( "P")を(トグル); 
});

構文:

$(セレクタ).toggle(速度、コールバック)。

オプションの速度パラメータを所定の速度の表示/非表示は、次の値をとることができます、「遅い」「速い」またはミリ秒。

オプションのコールバックパラメータは行っ完了トグル()メソッドの関数名です。

コード:

<!DOCTYPE HTML>
<HTML>
<HEAD>
<スクリプトSRC = "/ jqueryの/ jqueryの-1.11.1.min.js"> </ SCRIPT>
ます。<script type = "text / javascriptの">
$(ドキュメント).ready (関数(){
$( "ボタン")をクリック(関数(){
$( "P"))(トグル;
);}
});
</ SCRIPT>
</ head>
<body>
<ボタンタイプ= "ボタン">切换</ボタン>
<P>这是一个段落</ P>
<P>这是另一个段落</ P>
< / BODY>
</ HTML>

もう一つの方法:

私は、私はちょうどテストコードを書くためにここにいる、画面をダブルクリックし1秒の遅延は、もちろん、あなたはまた、個人の好みに依存メソッドを使用することができますがあり、ワンクリックで非表示するには、2つのイベントを設定するためにクリックするボタンで設定されているので、なぜなら、外部jQueryのファイルの使用の可能性と同じではありませんので、ここであなたは自分自身を導入

コード:

ます。<script type = "text / javascriptの">
$(ドキュメント).ready(関数(){
$( "#のBTN1")。クリックしてください(関数(){
//点击会隐藏
$( "P")。非表示() ;
});

。$( "#1 BTN1")DBLCLICK(関数(){
//非表示ダブルクリックの完了後に表示される、1秒の遅延の
$( "P")を表示する(1000);.
})
});
</ SCRIPT>

<BODY>
<H2>これは見出し</ H2>である
<p>この段落である。</ P>
<P>これは別の段落である。</ P>
<ボタンタイプ= "ボタン" ID = "BTN1" > BTN1 </ボタン>

</ BODY>

 

おすすめ

転載: www.cnblogs.com/huchong-bk/p/11362209.html