Hai teman-teman semuanya, gimana kabarnya? semoga tetap dalam keadaan sehat, kita lanjut lagi belajarnya, kali ini kita masih belajar tentang selector pada jquery, kali ini kita akan belajar penggunaan selector kombinator > pada jquery.

fungsi dari kombinator > pada jquery adalah memilih semua element yang merupakan anak langsung dari element yang kita tentaukan, untuk lebih jelasnya kita langsung saja praktek, pertama silahkan teman-teman buat sebuah file dan ketikan script berikut ini:

Pertama saya membuat sebuah div dimana didalam div yang pertama saya meletakan element p dan span secara sejajar, dan div yang kedua saya meletakan element p yang dimana didalam element p tersebut terdapat element span,

nah jika disave mana hasilnya akan seperti berikut ini:

penggunaan selector kombinator pada jquery1

nah sekarang coba tambahkan script jquery berikut ini:

Seperti biasa saya memanggil library dari jquery, lalu saya membuat sebuah selector kombinator div > span yang berarti element span yang merupakan anak langsung dari element div akan mengalami background red, jika di save maka hasilnya akan seperti berikut ini:

penggunaan selector kombinator pada jquery2

mengapa span yang ada di div kedua tidak kena style background merah, karena span di div yang kedua bukan merupakan anak langsung dari element div,

Gimana teman-teman? cukup mudah bukan? untuk tutorial kali ini tentang penggunaan selector kombinator > pada jquery saya rasa cukup sampai disini dulu,  semoga tutorial kali ini dapat bermanfaat untuk teman-teman semuanya, samapai bertemu lagi pada tutorial berikutnya,

Terima kasih.