Cara Seleksi Content dengan Fungsi first() di jQuery

Halo semuanya, ketemu lagi kita hehe. Oke pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Seleksi Content dengan Fungsi first() di jQuery.

Fungsi first() ini berfungsi untuk menyeleksi content yang ingin kita ubah tapi hanya bagian awal content pada selector yang kita sebut.
Penampakan nya seperti ini teman-teman:

Oke langsung saja, berikut Cara Seleksi Content dengan Fungsi first() di jQuery.

Silahkan teman-teman buat file bernama index.html.

Kemudian isi library jquery nya,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

Isi di dalam tag <body> tag-tag berikut,

<h1>Selamat datang!</h1>

<div style="border:1px solid black">
  <p>ini paragraf di div.</p>
  <p>ini paragraf di div.</p>
</div><br>

<div style="border:1px solid black">
  <p>ini paragraf di lain div.</p>
  <p>ini paragraf di lain div.</p>
</div>

<p>ini paragraph di luar div.</p>

Dan yang terakhir isi script nya di tag <head>,

<script>
$(document).ready(function(){
    $("div p").first().css("background-color", "yellow");
});
</script>

Maka output nya akan seperti penampakan di atas.

Bagaimana teman-teman cukup mudah bukan?

Sekian untuk tutorial kali ini tentang Cara Seleksi Content dengan Fungsi first() di jQuery.

Semoga bermanfaat, terima kasih