hai teman-teman semuanya? apa kabar? semoga tetap dalam keadaan baik dan tetap semangat untuk terus menjalankan ibadah puasanya, pada tutorial sebelumnya kita telah banyak bahas tentang method-method dan fungsi-fungsi yang ada pada jquery, kali ini kita akan belajar tentang fungsi method next pada jquery.

Fungsi dari method next pada jquery sendiri ialah untuk memilih element setelah selector yang ingin kita eksekusi, untuk lebih jelasnya saya langsung saja praktekan pada sebuah studi kasus, silahakan teman-teman buat sebuah file dan ketikan script berikut :

script diatas menjelaskan bahwa saya membuat 2 buah element h2 dan h3 lalu sekarang teman-teman coba tambahakan script berikut ini :

script ini diletakan antara tag head, script dimana saya mereload file jquery secara online yaitu dari jquery.com

lalu sekarang teman-teman coba tambahkan script berikut ini:

script diatas menjelaskan bahwa saya membuat sebuah fungsi dengan mengatur css element setelah element h2 dengan style berwarna merah dan border, jadi keseluruhan scriptntya adalah seperti berikut ini:

jika teman-teman jalankan pada browser hasilnya element h3 akan berubah warna, mengapa karena letak dari element h3 ada disetelah h2.

Gimana teman-teman?cukup mudah bukan? untuk tutorial kali ini tentang fungsi method next pada jquery saya rasa cukup sampai disini dulu, sampai bertemu lagi pada tutorial berikutnya, semoga tutorial yang sederhana kali ini dapat bermanfaat untuk teman-teman semuanya.

Terima kasih