Rumah >hujung hadapan web >tutorial js >Jquery carian kaedah operasi elemen induk_jquery

Jquery carian kaedah operasi elemen induk_jquery

WBOYasal: 2016-05-16 16:14:431230semak imbas

Contoh dalam artikel ini menerangkan kaedah operasi elemen induk carian Jquery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

1. kaedah ibu bapa()

Format:

Salin kod Kod adalah seperti berikut:

ibu bapa([pemilih])

ialah digunakan untuk mendapatkan Padankan elemen nenek moyang semasa setiap elemen dalam koleksi elemen, dan anda juga boleh menggunakan pemilih untuk menapis jika perlu.
Contohnya:

Salin kod Kod adalah seperti berikut:

$("p").parents().css ("sempadan" , "1px biru pepejal);

2. kaedah paling hampir

Format:

Salin kod Kod adalah seperti berikut:

paling dekat(pemilih[, konteks])

Kaedah ini Bermula dari elemen itu sendiri, ia sepadan dengan elemen unggul dan mengembalikan elemen padanan pertama.
Contohnya:

Salin kod Kod adalah seperti berikut:

$("a").closest("div" ).css( "sempadan", "1px biru pepejal");

Perbezaan utama antara kaedah cloest() dan ibu bapa() adalah seperti berikut:

① Yang pertama mula memadankan dan mencari dari elemen semasa, dan yang terakhir mula memadankan dan mencari dari elemen induk

② Yang pertama mencari ke atas langkah demi langkah sehingga ia menemui unsur yang sepadan dan kemudian berhenti mencari ke atas sehingga unsur akar, kemudian meletakkan elemen ini ke dalam koleksi sementara, dan kemudian menggunakan ungkapan pemilih yang diberikan untuk menapis.

③ Yang pertama mengembalikan 0 atau 1 elemen, dan yang terakhir mungkin mengandungi 0, 1 atau lebih elemen.

3. kaedah ibu bapa()

Format:

Salin kod Kod adalah seperti berikut:

ibu bapa([pemilih])

ialah digunakan untuk mendapatkan semasa Memadankan elemen induk setiap elemen dalam koleksi elemen, secara pilihan menapis menggunakan pemilih.

Contohnya:

Salin kod Kod adalah seperti berikut:

$("p").parent( ).css( "sempadan", "1px biru pepejal");

4. kaedah parentsUtil()

Format:

Salin kod Kod adalah seperti berikut:

parentsUtil([selector])

ialah digunakan untuk mendapatkan semasa Memadankan nenek moyang setiap elemen dalam set elemen sehingga tetapi tidak termasuk elemen yang dipadankan oleh pemilih yang diberikan

Contohnya:

Salin kod Kod adalah seperti berikut:

$("li#li2"). parentsUtil("# ul1_li2").css("latar belakang", "#FCF");

5. kaedah offsetParent()

digunakan untuk mencari elemen induk yang diposisikan bagi elemen padanan pertama Ia hanya sah untuk elemen yang boleh dilihat. 🎜>

Kodnya adalah seperti berikut:offsetParent() Kaedah ini mencari elemen kedudukan elemen padanan pertama dan mengembalikan objek jQuery yang dibalut oleh elemen tersebut.

Contoh komprehensif:

Salin kod

Kod adalah seperti berikut:

🎜>
Cari dokumen untuk unsur nenek moyang dan unsur induk bagi elemen yang ditentukan