Assalamualaikum
Menyeleksi Elemen Halaman dengan ID
Instalasi untuk dapat menggunakan Jquery
- Include file jquery.js kedalam halaman html
Langkah Langkah
- Buat File index.html simpan (Tidak harus di dalam folder xampp/htdocs)
- Buka file index.html dibrowser
Cdn Jquery
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
Code jquery
<script>
function warna(){
$('#ketiga').toggleClass('diwarnai');
}
</script>
Code Lengkap
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
function warna(){
$('#ketiga').toggleClass('diwarnai');
}
</script>
<style>
p.diwarnai{
background-color: chocolate;
}
</style>
</head>
<body>
<h1>Pilih Paragraf</h1>
<div>
<p>Paragraf 1</p>
<p>Paragraf 2</p>
<p id="ketiga">Paragraf 3</p>
</div>
<input type="button" value="Warnai" onclick="warna()">
</body>
</html>
Hasil Bila dibuka di browser
Tidak ada komentar:
Tulis komentar