Apa fungsi closest pada jquery

The preview shows page 1 - 1 out of 1 page.

Soal Teori1.Tuliskan dan jelaskan 5 fungsi jQuery, selain hide(), show(), find() dan closest()2.Apa fungsi hide() dan show() pada fungsi jQuery3.Apa fungsi find() dan closest() pada fungsi jQuery4.Apa itu jQuery?5.Tuliskan sintaks jQuery untuk mengubah seluruh background div menjadi merah.6.Tulis fungsi jQuery untuk memberi efek css pada elemen html7.Tulis fungsi jQuery untuk membuat elemen div agar mempunyai tinggi 100px

End of preview. Want to read the entire page?

Upload your study docs or become a

Course Hero member to access this document

Sebelumnya: anak jQuery () metode

Berikutnya: isi jQuery () metode

metode traversal jQuery

Kembali <span> elemen nenek moyang pertama adalah <ul> elemen:

$(document).ready(function(){ $("span").closest("ul").css({"color":"red","border":"2px solid red"});});

hasil:

body (great-great-grandparent)

div (great-grandparent)

    ul (second ancestor - second grandparent)
      ul (first ancestor - first grandparent)
    • li (direct parent) span


Coba »

Definisi dan Penggunaan

() Metode yang paling dekat mengembalikan elemen yang dipilih dari elemen nenek moyang pertama.

ayah nenek moyang, kakek, buyut, dan seterusnya.

DOM tree: Metode ini melintasi naik dari elemen saat sampai semua jalan dari elemen akar dokumen (<html>), untuk menemukan elemen nenek moyang pertama DOM elemen.

Metode ini orang tua () mirip, keduanya melintasi up pohon DOM, perbedaannya adalah:

terdekat ()

  • Mulai dari elemen saat
  • Single pertama traversal leluhur bersama pohon DOM ke atas, dan mengembalikan ekspresi pencocokan berlalu
  • Kembali nol atau satu elemen dari jQuery objek

orang tua ()

  • Mulai dari elemen induk
  • Sepanjang DOM pohon traversal dan mengembalikan ekspresi cocok dengan semua nenek moyang berlalu
  • Kembali nol, satu atau lebih elemen dari objek jQuery

Metode lain yang terkait:

  • orang tua () - Mengembalikan elemen induk langsung dari elemen yang dipilih
  • parentsUntil () - Mengembalikan semua nenek moyang dari parameter elemen antara dua sampai

tatabahasa

Pengembalian elemen yang dipilih dari elemen nenek moyang pertama:

$(selector).closest( filter )

Pengembalian pohon DOM konteks DOM menemukan elemen nenek moyang pertama:

$(selector).closest( filter,context )


参数 描述
filter 必需。规定缩小搜索祖先元素范围的选择器表达式、元素或 jQuery 对象。
context 可选。在其内可以找到匹配元素的 DOM 元素。

Apa fungsi closest pada jquery

Kembali <span> elemen nenek moyang pertama adalah <span> elemen
Karena metode ini dari awal elemen saat ini, pencarian <span> pertama <span>, akan kembali ke <span>.

Dalam elemen DOM sebagai konteks dilewatkan ke pencarian nenek moyang pertama
Dua parameter yang digunakan dalam elemen DOM dilewatkan sebagai konteks untuk mencari pertama <ul> elemen.

metode traversal jQuery

Sebelumnya: anak jQuery () metode

Berikutnya: isi jQuery () metode

Hai teman-teman semuanya, kembali lagi pada tutorial dumet school, pada tutorial sebelumnya kita telah membahas banyak sekali event, fungsi-fungsi yang ada pada jquery, sekarang masih tentang pembahasan kita mengenai jquery, pada tutorial kali ini kita akan belajar fungsi find() pada jquery.

Mungkin teman-teman ada yang sudah pernah menggunakan fungsi ini, namun belum terlalu faham apa maksud dari fungsi yang satu ini, fungsi dari find() ialah mencari element turunan dengan  menggunakan filter berdasarkan selector, objek jquery atau elemen, sekarang timbul pertanyaan, maksudnya dari elemen turunan itu apa?

Mungkin saya akan menjelaskannya pada studi kasus kali ini, dimisalkan kita punya script html

<p>SAYA SENANG BELAJAR <i>JQUERY</i></p>

<p>SAYA SENANG BELAJAR <i>JQUERY</i></p>

Script diatas menjelaskan bahwa saya memiliki elemen p dimana didalamnya terdapat elemen i, nah yang dimaksud dari elemet turunan ialah, i merupakan element turunan dari p karena i ada didalam elemen p.

sekarang dari script html diatas saya ingin membuat tulisan JQUERY yang terhimpit dengan element i warnanya menjadi merah, nah dengan kasus seperti ini kita dapat mennggunakan fungsi find() pada jquery.

Bentuk penulisan dasar dari fungsi find() adalah seperti ini:

$("SELECTOR").find("SELECTOR");

$("SELECTOR").find("SELECTOR");

Jadi ketika kita ingin memberikan warna pada element i yang merupakan turunan dari elemen p maka penulisan scriptnya adalah seperti berikut ini:

$(document).ready(function(){ $("p").find("i").css('color','red'); })

$(document).ready(function(){

    $("p").find("i").css('color','red');

Penjelasan dari script diatas adalah saya memberikan warna merah pada elemen i yang merupakan turunan dari elemen p,

Gimana teman-teman?cukup mudah bukan? saya kira untuk tutorial kali ini tentang belajar fungsi find() pada jquery cukup sampai sini dulu, semoga tutorial yang singkat kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya.

Terima kasih