JQueryセクションのプロパティと構文
3187 ワード
前回の本ではjQueryの属性と方法について述べましたが、今日はそれをまとめてみます.
このプロパティ(?)、方法(?)、要するに
このプロパティは、クリックイベントを設定できます:
(1)
この方法はN番目の要素を取得するために使用される.例えば、
(2)
このメソッドは、一致する要素を検索し、対応する要素のインデックス値を返し、0からカウントを開始します.次のようになります.
(3)
この方法は、一致する要素ごとにコンテキストとして関数を実行します(つまり、returnを使用してジャンプできます).例えば:
この属性は、jQueryオブジェクトの要素の数を返します.(なんとも言えない)
(5)
この方法は、セレクタ、DOM要素、またはjQueryオブジェクトに基づいて一致する要素のセットを検出し、少なくとも1つの要素がこの与えられた式に合致する場合、trueを返す.例えば:
この方法は、jQueryオブジェクトをjs要素オブジェクトDOMオブジェクトに変換するために使用されます.(変換されたjs要素オブジェクトDOMオブジェクトに属性を追加できる用途がほとんどです)
(1)
(2)
(3)
この方法は、指定した要素で実行されているすべてのアニメーションを停止するために使用します.2つのパラメータが含まれています.最初のパラメータをtrueに設定すると、キューが空になります.アニメーションはすぐに終了し、2番目をtrueに設定するとキューが完了します.すぐにアニメーションを終了できます.
(4)
この方法は、実行キュー内の後のアイテムを遅らせるための遅延を設定するために使用されます.2つのパラメータが含まれています.最初のパラメータは遅延時間で、単位はミリ秒です(設定する必要があります).2番目のパラメータはキュー名詞で、デフォルトはFx、アニメーションキュー(設定しなくてもよい).
1. animate()
animate(JS , , ( JQuery , ), )
2. css()
このプロパティ(?)、方法(?)、要するに
.css(" ")
によって属性を取得することができる..css({" "," ( )"})
でスタイルを変更することもできます.3. click()
このプロパティは、クリックイベントを設定できます:
click(function(){ // })
4.各種サイズ:
.width(); //
.innerWidth(); // padding
.outerWidth(); // padding border
.outerWidth(true);// padding border margin
5.シーケンスと反復
(1)
eq()
方法この方法はN番目の要素を取得するために使用される.例えば、
$("p").eq(1)// p
は$("p:eq(1)")
と書くこともできます.(2)
index()
方法このメソッドは、一致する要素を検索し、対応する要素のインデックス値を返し、0からカウントを開始します.次のようになります.
$('li').index(document.getElementById('bar')); //1, DOM ,
$('li').index($('#bar')); //1, jQuery
$('li').index($('li:gt(0)')); //1, jQuery ,
$('#bar').index('li'); //1, , #bar li
$('#bar').index(); //1, , 。
(3)
each()
この方法は、一致する要素ごとにコンテキストとして関数を実行します(つまり、returnを使用してジャンプできます).例えば:
$("p").each(function(i){ this.css("color","red");// p });
(4)length
属性この属性は、jQueryオブジェクトの要素の数を返します.(なんとも言えない)
(5)
is()
方法この方法は、セレクタ、DOM要素、またはjQueryオブジェクトに基づいて一致する要素のセットを検出し、少なくとも1つの要素がこの与えられた式に合致する場合、trueを返す.例えば:
$("p").is(":animated") // , , true, false
(6)get()
方法この方法は、jQueryオブジェクトをjs要素オブジェクトDOMオブジェクトに変換するために使用されます.(変換されたjs要素オブジェクトDOMオブジェクトに属性を追加できる用途がほとんどです)
5.アニメーション関連方法
(1)
show()
、hide()
、toggle()
を内蔵する方法show()
:非表示の一致要素が表示されます.hide()
:表示されている要素を非表示にします.toggle()
:選択された要素の交代するclickイベントに応答するために、2つ以上のイベントプロセッサ関数をバインドするために使用される.(エレメントが表示されている場合は非表示に切り替えます.エレメントが非表示の場合は表示に切り替えます.)(2)
slideDown()
、slideUp()
、slideToggle()
の方法slideDown()
:不透明度の変化によってすべての一致する要素のフェードイン効果が達成され、アニメーションが完了した後にオプションでコールバック関数がトリガーされます.(このアニメーションは、要素の不透明度のみを調整します.つまり、一致するすべての要素の高さと幅は変わりません.)slideUp()
:高さの変化(上向きに減少)によって一致するすべての要素を動的に非表示にし、非表示が完了した後に任意にコールバック関数をトリガーします.(このアニメーション効果は要素の高さのみを調整し、一致する要素を「スライド」で隠すことができます.jQuery 1.3では上下のpaddingやmarginでもアニメーションがあり、よりスムーズな効果が得られます.)slideToggle()
:高さの変化によってすべての一致要素の可視性が切り替えられ、切り替えが完了した後に任意にコールバック関数がトリガーされます.(このアニメーション効果は要素の高さのみを調整し、一致する要素を「スライド」で非表示または表示にすることができます.jQuery 1.3では、上下のpaddingやmarginでもアニメーションがあり、よりスムーズな効果が得られます.)(3)
stop()
方法この方法は、指定した要素で実行されているすべてのアニメーションを停止するために使用します.2つのパラメータが含まれています.最初のパラメータをtrueに設定すると、キューが空になります.アニメーションはすぐに終了し、2番目をtrueに設定するとキューが完了します.すぐにアニメーションを終了できます.
(4)
delay()
方法この方法は、実行キュー内の後のアイテムを遅らせるための遅延を設定するために使用されます.2つのパラメータが含まれています.最初のパラメータは遅延時間で、単位はミリ秒です(設定する必要があります).2番目のパラメータはキュー名詞で、デフォルトはFx、アニメーションキュー(設定しなくてもよい).