Mengenal :header Selector dengan jQuery

Ketika kamu mencintai, jujurlah pada diri. Jadi diri sendiri, jangan biarkan mereka jatuh cinta pada seseorang yg bukan dirimu. Oke kali ini saya akan sharing kepada kalian untuk Mengenal :header Selector dengan jQuery.

Sesuai judul Mengenal :header Selector dengan jQuery, yang dimaksud :header selector ini adalah menyeleksi bagian konten yang memakai tag <h1> – <h6>. Bukan hanya tag <h1> – <h6> saja yang ada di bagian header ya teman-teman, tapi semua tag <h1> – <h6> yang ada pada website kalian.
Penampakan nya seperti ini teman-teman:

Langsung saja saya contohkan.

Silahkan teman-teman seperti biasa, buat terlebih dahulu file index.html nya.

Kemudian isi library jquery nya di tag <head> ya,

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

Setelah itu isi tag-tag di bawah ini pada tag <body>,

<body>

<h1>Selamat Datang</h1>
<h2>Ini adalah tag h2</h2>
<h3>It's amazing!</h3>

<p class="intro">Nama saya Daniel</p>
<p>I live in Duckburg.</p>

<ul id="choose">
  <li>Happy</li>
  <li>Happy</li>
  <li>dan Happy</li>
</ul>

<h1>Ini tag h1</h1>

</body>

Dan yang terakhir ketikkan script :header nya pada tag <head>,

<script>
$(document).ready(function(){
    $(":header").css("background-color", "green")
});
</script>

Bagaimana teman – teman untuk Mengenal :header Selector dengan jQuery nya?

Sekian untuk artikel kali ini, semoga bermanfaat.

Terima kasih

Mengenal :header Selector dengan jQuery

Kategori