Skip to main content

Belajar Jquery - 01 - Hide/show

Pertama Untuk memulai Menggunakan Jquery Terdapat hal yang harus kalian persiapkan :

1. code editor https://code.visualstudio.com/

2. Browser Chrome

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

4. semangat belajar :)

5. imajinasi


Buat file index.html
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
});
</script>
</head>
<body>

<p>Selamat datang di Halaman web ku.</p>

<button id="hide">Hide</button>
<button id="show">Show</button>

</body>
</html>

Source code : 
Klik Link download

Terimakasih ....

Comments

Popular posts from this blog

Contoh design Portfolio

Tampilan Design ku menggunakan Figma yang dipasangkan   kedalam linux debian

Website Landing Page Sederhana Dengan Bootstrap

Website Landing Page Sederhana Dengan Bootstrap Source Code :  Klik Link Download

Membuat web dengan Table

Membuat web Portfolio dengan bantuan Table pada Html dan memperindahnya dengan sedikit CSS untuk tampilan : Untuk Source code : Download File ZIP nya di  Zippyshare . Wassalamu'alaikum , Terimakasih semuanya . Mohon Maaf apabila tidak sekeren web yang lain. :)