Pada hari senin yang berbahagia ini, saya akan mencoba membuat artikel suatu method yang ada pada sebuah jquery, disini saya akan mencoba Cara dan Mengetahui Fungsi dari method first di dalam Jquery, selain first terdapat macam-macam, ada last juga ada, dan lain-lain, fungsi ini berguna untuk mencari suatu yang pertama, makasudnya apa, nanti akan saya jelaskan pada paragraf berikutnya, maka dari itu jangan kemana-mana ya teman-teman, silahkan simak terus artikel ini.
Jadi Cara dan Mengetahui Fungsi dari method first di dalam Jquery, disini dan maksud mencari yang pertama adalah, kita bisa meng otak-atik sebuah tag bisa class atau juga bisa id, dimana sebuah content yang kita pilih dengan method ini akan mengenainya, apakah masih bingung, jadi pada kasus kali ini, saya akan coba membuat sebuah tag div dengan classnya juga div, dimana terdapat ada class div sebanyak 3, disitu dengan class yang sama, dan saya mencoba membuat jquerynya dengan method first, maka div yang pertama yang akan terpilih.
Pada kali ini saya akan mencoba memlih yang pertama, supaya kita tau bahwa tag div yang pertama benar-benar sudah terpilih, saya akan coba memberikan sebuah warna pada backgroundnya, disini saya mencoba memberikan backgroudnya saja, nanti silahkan teman-teman kreasi sendiri ya. Oke supaya tambah paham silahkan teman-teman lihat kode berikut ini:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
<html> <head> <meta charset="UTF-8"> <title>Cara dan Mengetahui Fungsi dari method first di dalam Jquery</title> <style> .container{ width: 500px; margin:auto; } .div{ border:1px solid black; margin-bottom:20px; padding: 10px; } h1{ text-align: center; } </style> </head> <body> <div class="container"> <h1>Cara dan Mengetahui Fungsi dari method first di dalam Jquery</h1> <!-- DIV Pertama --> <div class="div"> <p>Sedang belajar menggunakan method first</p> <p>disini saya mencoba membuat paragraf ke dua</p> </div> <!-- DIV Ke dua --> <div class="div"> <p>Sedang belajar menggunakan method first di div ke dua</p> <p>disini saya mencoba membuat paragraf ke dua</p> </div> <!-- DIV ke Tiga --> <div class="div"> <p>Sedang belajar menggunakan method first di div ke tiga</p> <p>disini saya mencoba membuat paragraf ke dua</p> </div> </div> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script> $(document).ready(function(){ $(".div").first().css("background-color", "cyan"); }); </script> </body> </html> |
Cukup panjang ya teman-teman seperti biasa tetapi silahkan teman-teman fokus kepada:
|
1 2 3 |
$(document).ready(function(){ $(".div").first().css("background-color", "cyan"); }); |
Ini lah yang membuat tag div pertama terpilih, seperti itu, simple ya teman-teman, oke sekarang kita lihat hasilnya:
Bisa di lihat ya, terdapat 3 tag div yang sama, tetapi karena kita menggunakan method first maka class div pertama lah yang terpilih, oke saya rasa cukup sampai disini dulu belajar kita tentang Cara dan Mengetahui Fungsi dari method first di dalam Jquery, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.