Sunday, 3 September 2017

Memilih Semua Elemen dengan Jquery

jQuery "*" Selector

Contoh

Memilih SEMUA elemen dalam dokumen:
$("*")

Defenisi dan Penggunaan

Selektor ("*") memilih semua elemen dalam dokumen termasuk html, head dan body.
Jika selektor ("*") ini digunakan bersama selektor lain, maka ia akan memilih semua elemen yang berada dalam lingkup elemen yang bersangkutan, termasuk elemen-elemen turunannya.

Contoh

$("*").css("background-color", "yellow");
Mewarnai latar belakang dari seluruh elemen menjadi kuning.
x
1
<html>
2
<head>
3
<script src="https://cdn.rawgit.com/cholebeharia/blogku/1a8ade58/jquery.min.js">
4
</script>
5
 </head>
6
 <body>
7
  <p>
8
Ini adalah paragraf pertama</p>
9
<p>
10
Ini adalah paragraf kedua, dan</p>
11
<p>
12
Ini adalah paragraf ketiga</p>
13
<ul>
14
<li>Ini adalah List Item pertama</li>
15
<li>Ini adalah List Item kedua, dan</li>
16
<li>Ini adalah List Item ketiga</li>
17
</ul>
18
<button id="btn">Klik</button>
19
  <script>
20
   $(document).ready(function(){
21
    $("*").css("background-color","yellow");
22
   });
23
  </script>
24
 </body>
25
 </html>

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

Hasilnya:

Memilih Semua Elemen dengan Jquery Rating: 4.5 Diposkan Oleh: ChooLebeharia