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 :
<!DOCTYPE html> <html> <head> </head> <body> <div> <h2>dumet school</h2> <h3>dumet school</h3> </div> </body> </html>
script diatas menjelaskan bahwa saya membuat 2 buah element h2 dan h3 lalu sekarang teman-teman coba tambahakan script berikut ini :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
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>
$(document).ready(function(){
$("h2").next().css({"color": "red", "border": "2px solid red"});
});
</script>
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:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("h2").next().css({"color": "red", "border": "2px solid red"});
});
</script>
</head>
<body>
<div>
<h2>dumet school</h2>
<h3>dumet school</h3>
</div>
</body>
</html>
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