Sunday, 3 September 2017

Memilih Elemen Tertentu Menggunakan Jquery

jQuery element Selector

Contoh

Memilih semua elemen <div>

$("div")

Defenisi dan Penggunaan

Selektor element adalah untuk memilih seluruh elemen yang sejenis dalam satu halaman dokumen.


Rumus

$("element")

Parameter Keterangan
element Harus ada. Menentukan elemen yang hendak dipilih.

Contoh

$("div").css("background-color", "green");

Mewarnai latar belakang dari seluruh elemen "div" 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 id="contohnya">Division 2</div>
8
  <div id="mencontoh">Division 3</div>
9
  <p id="contoh">Paragraf 1</p>
10
  <p id="contohnya">Paragraf 2</p>
11
  <p id="mencontoh">Paragraf 3</p>
12
  <script>
13
   $(document).ready(function(){
14
    $("div").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 "p", maka seluruh elemen "p" akan berwarna hijau.

Memilih Elemen Tertentu Menggunakan Jquery Rating: 4.5 Diposkan Oleh: ChooLebeharia