Monday, 4 September 2017

Memilih Elemen Berdasarkan Atributnya

jQuery [attribute] Selector

Contoh

Memilih setiap elemen yang berattribute "id"

$("[id]")

Defenisi dan Penggunaan

Selektor [attribute] adalah untuk memilih tiap elemen dengan attribute tertentu.


Rumus

$("[attribute]")

Parameter Keterangan
attribute Harus ada. Menentukan attribute yang hendak dipilih.

Contoh

$("[id]").css("background-color", "green");

Mewarnai latar belakang dari seluruh elemen yang ber-attribute "id" menjadi warna hijau.

x
1
<html>
2
 <head>
3
 <script src="https://cdn.rawgit.com/cholebeharia/blogku/1a8ade58/jquery.min.js"></script>
4
 </head>
5
 <body>
6
  <div id="contoh">Division 1</div>
7
  <div name="contoh">Division 2</div>
8
  <div class="contoh">Division 3</div>
9
  <p id="contoh">Paragraf 1</p>
10
  <p name="contoh">Paragraf 2</p>
11
  <p class="contoh">Paragraf 3</p>
12
  <script>
13
   $(document).ready(function(){
14
    $("[id]").css("background-color","green");
15
   });
16
  </script>
17
 </body>
18
 </html>

Anda bisa langsung mengedit isi dari kode-kode di atas dan melihat perubahannya.

Hasilnya:

Cobalah untuk mengganti selector nya menjadi "[class]", maka elemen "div" dan "p" yang ketiga saja yang akan berwarna hijau.

Memilih Elemen Berdasarkan Atributnya Rating: 4.5 Diposkan Oleh: ChooLebeharia