Cara Memasang Jquery

BrazenElixir Juli 27, 2022

 


Jquery adalah sebuah library yang cukup handal yang akan mempercepat pemerosesan website, pada jquery terlihat tidak telalu lumit di beberapa kalangan programer dengan Jquery kita bisa memproses data dari API dengan ajax, membuat animasi dan efek - efek lain akan kalian kembangkan pada website anda

Adapun pemasangan jquery sangat lah simple hanya dengan menambahkan script berikut di dalam tag <head> maka Jquery pun sudah ter pasang 

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

selanjut nya kita hanya menambahkan inisialisasi awal yaitu document ready berikut script document ready

$(document).ready(function(){

  // jQuery disini inisialisasi function

});

fungsi tersebut bisa kita simpan. adapun fungsi yang lebih pendek sebagai berikut

$(function(){
  // jQuery 
});

untuk script lengkap nya bisa di lihat pada contoh di bawah ini :

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
      $(document).ready(function() {
        initButton()
      });

      function initButton() {
        $(".hide").click(function() {
          $("p").hide();
        });
        $(".show").click(function() {
          $("p").show();
        });
      }
    </script>
  </head>
  <body>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
    <button class='btn btn-success show'>Show</button>
    <button class='btn btn-warning hide'>Hide</button>
  </body>
</html>

Hasil Script di atas

Lorem Ipsum is simply dummy text of the printing and typesetting industry

Tags
Reactions

Posting Komentar

0 Komentar