jQuery学習ノート1

app: http://www.php100.com/manual/jquery/
マッチするサブセットを選択します.
元のsliceの方法と似ています.
パラメータ
startIntegerV 1.1.4
サブセットの位置を選択します.最初の要素は0です.負の数なら、セットの末尾から選択できます.
endIntegerV 1.1.4
自分の位置を選んで終了します.指定しないと、自分の終わりです.
例
説明:
最初のp要素を選択
HTMLコード:

<p>Hello</p><p>cruel</p><p>World</p>

jQueryコード:

$("p").slice(0, 1).wrapInner("<b></b>");

結果:

[ <p><b>Hello</b></p> ]

説明:
前の2つのp要素を選択します.
HTMLコード:

<p>Hello</p><p>cruel</p><p>World</p>

jQueryコード:

$("p").slice(0, 2).wrapInner("<b></b>");

結果:

[ <p><b>Hello</b></p>,<p><b>cruel</b></p> ]

説明:
2番目のp要素だけを選択します.
HTMLコード:

<p>Hello</p><p>cruel</p><p>World</p>

jQueryコード:

$("p").slice(1, 2).wrapInner("<b></b>");

結果:

[ <p><b>cruel</b></p> ]

説明:
第二のp元素だけを選択します.
HTMLコード:

<p>Hello</p><p>cruel</p><p>World</p>

jQueryコード:

$("p").slice(1).wrapInner("<b></b>");

結果:

[ <p><b>cruel</b></p>, <p><b>World</b></p> ]

説明:
最後のp元素を選択
HTMLコード:

<p>Hello</p><p>cruel</p><p>World</p>

jQueryコード:

$("p").slice(-1).wrapInner("<b></b>");

結果:

[ <p><b>World</b></p> ]

jQuery学習ノート一(jQueryセレクタ、整理)
jQuery基本セレクタ
jQueryセレクタのシンボルはCSSスタイルテーブルセレクタと同じで、idは啝、classを使っています.)セレクタは直接ラベルを使って、div、tdなど、他にもいろいろなセレクタがあります.
[idセレクタ]
もともとJavaScriptの下で、一つのid="aa"を選ぶには、このような必要があります.aaというオブジェクトを獲得することができますが、jQueryセレクタを通じて、このようにするだけでいいです. IDをaaの対象として取得することで操作が可能となり、非常に便利です.私が一番頻繁に使うセレクタです.
特殊な文字を含む要素を検索すると、例えば:
バックスラッシュを使って文字の変換を行う必要があります.以上の3つの例では、対応するオブジェクトを取得する必要があります.
$("aa\.bb")/(""芰aa\[[bb]])$同じオブジェクトが複数存在する場合は、最初に出現したものにのみマッチします.
[クラスセレクタ]
IDセレクタと同じようなものを使って、idだけを使っていますが、classセレクタは「.」です.classと同じものを使うと、マッチングできます.例えば、「div class="not Select"」は私を選んでくれません.「span class='selectMe'にマッチします.私を選んでください.」と「p class='selectMe'も私を選びます.
［＊セレクタ］
私個人はこれを使ったことがないので、これは使えないようですが、了解してもいいです.
［HTMLセレクタ］
ウェブページに出てくるすべてのdivを選択するなら、このようにして$("div")を選択してもいいです.使うのも少ないです.cssではよくこのようにスタイルを編集しますが、jQueryはこのように選択して、ある中の)ラベルの全体パターンを全体的に修正することができますか?暇があれば試してみてもいいです.
［複数の要素を同時に選択］
最後に、これは＊セレクタの範囲より小さいと思います.複数の元素を選択して、一緒に返します.使い方は$です.
中間は“、”で分けて、idをidにすることができて、class=“myClass”のp標識、div、span、tdはすべてマッチングして、そして帰ります.十分の牛
jQueryインデックス値選択器
インデックス値は0から始まります.非常に有用なセレクタでもある.テーブルのパリティ行に異なる色を表示させたい場合は、インデックス値選択器を使って操作します.
[:firstセレクタ][:lastセレクタ]
＜テーブル＞ Header 1 Value 1 Value 2などのhtmlコードは、最初の行の要素オブジェクトを検索する必要があります.このようにして、Header 1オブジェクトを取得できます.
[:notセレクタ]
与えられたセレクタに一致するすべての要素を除去することは、jQuery 1.3において、複雑なセレクタがサポートされています.例えば、not(div a)および:not(div,a)
選択されていないすべてのinput要素を検索します.使用$
[:even偶数セレクタ] [:odd セレクタ    パリティセレクタ
＜テーブル＞ Header 1 Value 1 Value 2
パリティセレクタは0から計算を開始します.上の表の偶数行を選択するには、$を選択します.  Value 1
[:eqインデックスセレクタ]
＜テーブル＞ Header 1 Value 1 Value 2
インデックス選択も0から開始します.2行目を選択するなら、$("tr:eq(1)"を使用します. Value 1
[:gtは与えられた索引より大きい][:与えられた索引より小さい]を選択したものです.
 Header 1
 Value 1
 Value 2

$("tr:gt(0)"が一致します. Value 1とValue 2 指定された索引より0の大きい要素を選択します.
米ドル(「tr:lt(2)」)が一致します. Header 1とValue 1 指定された索引よりも小さい要素を選択します.
[:headerタイトル要素選択器]
＜h 1＞Header 1

Contents 1

Header 2

Contents 2

h 1,h 2のエレメントを選択するなら、$(::header)を使ってHeader 1とHeader 2の要素を獲得し、それらを操作して、背景やフォントなどを修正することができます.
［:アニメーション要素セレクタを実行中］
このようなセレクタは使ったことがありません.APIでは、アニメーション効果を実行していない要素に対してのみアニメーション効果を実行すると紹介しています.一つのページの中には、アニメの要素が多くなくて、全部アニメーションを実行すれば、カードは死なないですが、このセレクタを通じて他のセレクタと結合して、多くの機能を実行できます.APIの例:

は次のコードを実行します.$("嗵run").click(function(){ $(「div:not(:animated)」.animate({left:「+=20」},1000);実現した効果は、1秒ごとに、動画のdiv要素を実行しないで右に20ピクセル移動します.
jQuery階層セレクタ
一般的には上のセレクタを通じて、フレキシブルな運用ができ、自分に必要な要素のほとんどを素早く見つけることができます.しかし、いくつかの特殊な場合には、上の検索方法ではあまり適していないかもしれません.もっと効率的にjQueryをサービスしてくれます.
［先祖代々セレクタ］
まず例を見てみます.
＜div＞＜a href='chengwei 2009.blog.1.163.com’snailのブログSnailのブログsnailのブログと>は依然としてsnailのブログです.まず「先人」を選んで、その「後裔」を探しても、全文を盲目的に検索することなく、有効です.例えばformのinputを空にして、restボタンを使わないと、このような方式でデータを消去することができます.
［親］サブセレクタ］
与えられた親要素の下ですべてのサブ要素に一致するように定義されています.まず例を見ます.

末っ子

長男

孫

孫娘

使用すれば:'(菗parent>div'は子供にしかマッチしません.

と

上の息子

はもう孫と孫娘は選択されません.もちろん、上の息子を通して、孫、孫娘を探してもいいです.
[前面+ 後セレクタ]
フォーマット$(「prev+next」)  prevは、任意の有効なセレクタであり、nextは、有効なセレクタであり、最初のセレクタの後に続くAPIドキュメントの上の例である. Name:  

     Newsletter:     

使用ドル(「label+input」)は、とを取得します.
［前～同世代セレクタ］
フォーマット$(「prev~siblings」)   prevは、任意の有効なセレクタ、siblingsの1つのセレクタであり、prevセレクタの同世代として、API文書の例:
フォームと同世代のすべてのinput要素

を見つけました. Name:  

     Newsletter:     

を使って$(「form~input」)を選択して検索した結果は、です.
他にもたくさんのセレクタがあります.一列に並べなくてもいいです.自分でよく使うのは上のセレクタです.しかも足りないものはAPI内で探してみます.