jqueryで一般的に使用されるフィルタリング方法

フィルタリングメソッド、つまり関数は、前に紹介したフィルタ関数とほぼ一致しています

1: get() は、jquery オブジェクトを DOM オブジェクトに変換します: 2 番目のテキストの前景色を赤に設定します

$('li').get(1).style.color = 'red'

2 .eq() : 指定されたシリアル番号を持つ要素を取得します。返されるオブジェクトは jQuery オブジェクトであることに注意してください

$('li').eq(4).css('color','red')

3.first(): 最初の要素を返します。パラメータは必要ありません

$('li').first().css('color','red')

4.first(): 最後の要素を返します, パラメーターは必要ありません

$('li').last().css('color','red')

5.toArray()、DOM配列を返します、jqueryオブジェクトではないことに注意してください

var li = $('li').toArray()
for(var i=0; i<li.length; i++){
li[i].style.color = &#39;green&#39;
}

6.find(): 子と孫を含むすべての子孫要素を返します...

$('ul').find('li').css('color','coral')
$('ul').find('a').css('color','cyan')

7.children() 直接の子要素をすべて返します

$('ul').children().css('color','deeppink')
$('ul').children('p').css('color','deeppink')

8. 各要素のコールバック関数を実行します

//next() 次の兄弟要素

$('li').each(function(){
$(this).css('background-color','wheat')
$(this).css('color','black')
$(this).css('font-size','1.3em')
})

//すべて同じ要素nextAll() レベル要素

$('li').eq(2).next().css('color','blue')

//siblings(): それ自体を除く、選択された要素のすべての兄弟要素を返します

$('li').eq(2).nextAll().css('color','blue')

前方へトラバース

//prev(): 前の兄弟要素

$('li').eq(2).siblings().css('color','blue')

//prevAll( ) : ご想像のとおり、これは前の兄弟要素すべてです

$('li').removeAttr('style')
$('li').eq(6).prev().css('color','coral')

10. add(selector)、選択したコレクションに要素を追加します

//最初にすべての要素のカスタマイズを削除しますスタイル、要素を返しますそのプロトタイプに、プレーンな外観を追加します

$('li').eq(6).prevAll().css('color','coral')

//すべての li テキストを赤色に設定すると、p が選択されていないことがわかります。これは正常です

$('*').removeAttr('style')

//では、p 要素を選択するにはどうすればよいでしょうか? p 要素をこの選択に追加します

//add() メソッドを使用して実行できます

$('li').css('color','red')

11。filter() は結果から条件を満たす要素を返します

//6 番目の要素を返すだけです

$('li').add('p').css('color','red')

12. not() は、filter() の逆の機能で、条件を満たす要素を削除します

$('li').filter(':eq(5)').css('background-color','lightgreen')

13. slide(start, end) は、指定された範囲内の要素を返します

$('li').not(':eq(5)').css('background-color','lightgreen')

// 開始位置を含み、終了位置、返される結果の数は 5-2=3

$('*').removeAttr('style')

//最初の 4 つの要素を取得します

$('li').slice(2,5).css('background-color','lightgreen')

//2 番目のパラメータを省略します。デフォルトは現在の開始点から終了点までです

$('li').slice(0,4).css('background-color','lightgreen')

以上がjqueryで一般的に使用されるフィルタリング方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。