Halo teman-teman semuanya, apa kabar? semoga masih tetap dalam keadaan sehat, kali ini kita lanjut belajarnya, pembahasan sebelumnya kita telah membahas banyak sekali method method yang ada pada jquery, kali ini kita masih akan membahas salah satu method yang ada pada jqery, pada tutorial kali ini kita akan belajar mengenal fungsi method parent() pada jquery.

Seperti yang kita tau parent berarti orang tua dalam bahasa inggris, dalam pemograman, parent berarti induk, artinya fungsi dari method parent pada jquery adalah memberikan aksi pada element induk dari selector yang kita tentukan, mungkin dari teori teman-teman masih kurang jelas, kita langsung saja praktek, pertama teman-teman silahakan buat sebuah file html dan ketikan script seperti berikut ini :

Saya membuat sebuah div pembungkus terluar lalu setelah div pembungkus luar saya membuat p yang membungkus element span didalamnya, sekarang coba tambahkan script css berikut ini :

lalu sekarang kita masuk pada tahap scripting jquerynya, sekarang langkah pertama kita harus mereload file library dari jquery yaitu dari jquery.com seperti berikut ini:

Saya memanggil library tersebut dengan cara online, lalu saya ketikan script jquery seperti berikut ini:

script jquery diatas berarti bahwa induk atau element pembungkus dari element span akan mengalami fungsi css yang kita tentukan, dilihat dari studi kasus kita pembungkus element span yang paling pertama adalah p, maka element p akan mengalami style color red dan border, jika teman-teman save maka hasilnya akan seperti berikut ini:

belajar mengenal fungsi method parent() pada jquery1

Hasilnya lement pembungkus dari span paling pertama akan mengalami style yang telah kita buat tadi dengan method parent, gimana? mudah bukan, saya rasa untuk tutorial kali ini tentang belajar mengenal fungsi method parent() pada jquery cukup sampai sini dulu.

Terima kasih