tutorial pengembangan web terbaru
 

jQuery Melintasi - Penyaringan


Persempit Down Pencarian Untuk Elements

Tiga metode filtering yang paling mendasar adalah first(), last() dan eq() , yang memungkinkan Anda untuk memilih elemen tertentu berdasarkan posisinya dalam kelompok elemen.

Metode filtering lainnya, seperti filter() dan not() memungkinkan Anda untuk memilih elemen yang cocok, atau tidak cocok, kriteria tertentu.


jQuery first() Metode

The first() metode mengembalikan elemen pertama dari elemen yang dipilih.

Contoh berikut memilih yang pertama <p> elemen dalam pertama <div> elemen:

Contoh

$(document).ready(function(){
    $("div p").first();
});
Cobalah sendiri "

jQuery last() Metode

The last() method mengembalikan elemen terakhir dari elemen yang dipilih.

Contoh berikut memilih yang terakhir <p> elemen dalam yang terakhir <div> elemen:

Contoh

$(document).ready(function(){
    $("div p").last();
});
Cobalah sendiri "

jQuery eq() metode

The eq() metode mengembalikan sebuah elemen dengan nomor indeks tertentu dari elemen yang dipilih.

Nomor indeks mulai dari 0, sehingga elemen pertama akan memiliki nomor indeks 0, bukan 1. Contoh berikut memilih yang kedua <p> elemen (indeks nomor 1):

Contoh

$(document).ready(function(){
    $("p").eq(1);
});
Cobalah sendiri "

jQuery filter() Metode

The filter() metode memungkinkan Anda menentukan kriteria a. Unsur yang tidak sesuai dengan kriteria dikeluarkan dari seleksi, dan orang-orang yang cocok akan dikembalikan.

Contoh berikut mengembalikan semua <p> elemen dengan nama kelas "intro" :

Contoh

$(document).ready(function(){
    $("p").filter(".intro");
});
Cobalah sendiri "

jQuery not() Metode

The not() method mengembalikan semua elemen yang tidak sesuai dengan kriteria.

Tip: The not() metode adalah kebalikan dari filter() .

Contoh berikut mengembalikan semua <p> elemen yang tidak memiliki nama kelas "intro" :

Contoh

$(document).ready(function(){
    $("p").not(".intro");
});
Cobalah sendiri "

Uji Diri dengan Latihan!

Latihan 1 » Latihan 2» Latihan 3 » Latihan 4» Latihan 5 » Latihan 6»


jQuery Melintasi Referensi

Untuk gambaran lengkap dari semua metode jQuery Melintasi, silakan kunjungi kami jQuery Melintasi Referensi .