仕上げ:jQueryの

1. [スタート機能
$(ドキュメント).ready(関数( ){

});

2.セレクタ+ addClass()+ removeClassは()
エディタで直接両方のライブラリを使用して、jQueryのボタンを持つ要素をアニメーション化するためにリバウンドバウンスを追加することができますので、jQueryライブラリとAnimate.cssライブラリを紹介します。
$(ドキュメント).ready(関数(){
  $( "ボタン")addClass( "アニメーションバウンス");.。
})。

$(ドキュメント).ready(関数(){
$( "ボタン")addClass( "アニメーションバウンス");
$()addClass( "アニメーションシェイク")」ウェル";
$(" #1 target3" )。 addClass( "アニメーションフェードアウト");
$( "ボタン")removeClass( "BTN-デフォルト")。

3.css()
$( "#のターゲット1")、CSS( "色"、 "青")。

4.prop()要素の特性を調整するために
$(「ボタン」)小道具( 、「無効」真の); - 。 それは選択することができないので、ボタンを無効にする]をクリック

5.html()は、HTMLタグとテキスト要素、および要素の前のコンテンツの内容に追加することができる方法をオフに置き換えられます。
テキストは、()テキストのみを変更することができますが、タグを変更することはできません。換言すれば、この方法は、テキストとして表示される(符号を含む)着信何かを通過します。
$( "H3")HTML( "<em>のjQueryの遊び場</ em>の");

6.remove()ページ上のHTML要素を削除するには
削除$( "#のtarget4") ();

他の要素に選択された要素に7.appendTo() -カット
$( "#1 target4")appendToは ( "#左ウェル");.

8.clone()をコピー要素-コピー
$( "#のTARGET2")クローン ()appendTo( "#右ウェル"); - ... その後、切断して、コピーするために- 2つの要素を持っている#TARGET2

現在の要素の親を取得する9.parent()
$(「左ウェル#」 )、親()CSS(「背景色」、「青」)..;

10.children()現在の要素の子要素を取得します
$( "#は左ウェル" )、子供()CSS( "色"、 "青")..;

(開始番号1から)11.nth子(n)が選択されたn番目の要素
$(「標的:.子-N番目(3)」)AddClass(「アニメーションバウンス」);子要素目標第3要素バウンスクラスを追加します。

12.一つの興味深いアニメーション
$(「身体」)addClass( 「アニメーションヒンジ」);

<DIV CLASS = "コンテナ流体"> 
  <h3のクラス= "テキストプライマリテキスト中心"> jQueryの遊び場</ H3> 
  <DIV CLASS = "行"> 
    <DIV CLASS = "COL-XS-6"> 
      < H4は>#は左ウェル</ H4> 
      <DIV CLASS = "だけでなく" ID = "左ウェル"> 
        <ボタンクラス= "BTN BTN-デフォルトターゲット" ID = "ターゲット1">#のターゲット1 </ button>の
        <ボタンクラス= "BTN BTN-デフォルトターゲット" ID = "TARGET2">#のTARGET2 </ button>の
        <ボタンクラス= "BTN BTN-デフォルトターゲット" ID = "target3">#のtarget3 </ボタン> 
      </ DIV> 
    </ DIV> 
    <DIV CLASS = "COL-XS-6">
      <H4>#右ウェル</ H4> 
      <DIV CLASS = "だけでなく" ID = "右だけでなく"> 
        <ボタンクラス= "BTN BTN-デフォルトターゲット" ID = "target4">#のtarget4 </ボタン>
        <ボタンクラス= "BTN BTN-デフォルトターゲット" ID = "target5">#のtarget5 </ button>の
        <ボタンクラス= "BTN BTN-デフォルトターゲット" ID = "target6">#のtarget6 </ボタン> 
      </ div> 
    </ div> 
  </ div> 
</ div>

  


    。$( "身体")addClass( "アニメーションヒンジ"); 
  });

  

おすすめ

転載: www.cnblogs.com/Qian-ManNi/p/11391642.html