Menampilkan dan Menyembunyikan Teks dengan Jquery

Update Terakhir pada

 

  1. Pengertian Jquery

jQuery adalah sebuah library JavaScript. Dalam duniapemrograman, library adalah kumpulan dari berbagai fungsi ‘siap pakai’ untuk memudahkan pembuatan sebuah aplikasi. Dengan demikian, jQuery adalah kumpulan fungsi-fungsi JavaScript yang memudahkan penulisan kode JavaScript.JQuery dikembangkan pertama kali oleh John Resig di tahun 2006. Sejak saat itu, jQuery berkembang menjadi proyek opensource dan menjadi libary JavaScript paling populer di dunia. Situs resmi jQuery beralamat di jquery.com.

 

  1. Perintah show() dan hide()

 

Perintah show() dan hide() di gunakan untuk menampilkan dan menyembunyikan . Untuk membuat perintah tersebut , buat file dengan nama show_hide_jquery.html . Kemudian masukkan script di bawah ini ke dalam file show_hide_jquery.html

 

<!DOCTYPE html>

<html>

<head>

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js”></script>

<script>

$(document).ready(function(){

    $(“.btn1”).click(function(){

        $(“p”).hide();

    });

    $(“.btn2”).click(function(){

        $(“p”).show();

    });

});

</script>

</head>

<body>

 

<p>Teks Ini akan tampil dan hilang . </p>

 

<button class=”btn1″>Hide</button>

<button class=”btn2″>Show</button>

 

</body>

</html>

 

saat script di atas di jalankan di browser , maka tampilan awal seperti di bawah ini

Ketika tombol ”Show” di klik, maka teks akan muncul kembali

 

Created By : Muhammad Bashir