close

Pengendalian Acara dengan jQuery- Panduan dan Contoh

Mengendalikan acara ialah aspek penting dalam pembangunan web, dan jQuery menyediakan pelbagai kaedah dan fungsi untuk mengendalikan acara dengan mudah pada elemen HTML. Berikut ialah beberapa cara untuk mengendalikan acara dengan jQuery:

 

Click Peristiwa 

$("button").click(function() {  
  // Handle when the button is clicked  
});

 

Hover Peristiwa 

$("img").hover(  
  function() {  
    // Handle when the mouse hovers over the image  
  },  
  function() {  
    // Handle when the mouse moves out of the image  
  }  
);

 

Submit Peristiwa 

$("form").submit(function(event) {  
  event.preventDefault(); // Prevent the default form submission behavior  
  // Handle when the form is submitted  
});

 

Keydown Peristiwa 

$(document).keydown(function(event) {  
  // Handle when a key is pressed down  
});

 

Scroll Peristiwa 

$(window).scroll(function() {  
  // Handle when the page is scrolled  
});

 

Change Peristiwa 

$("select").change(function() {  
  // Handle when the value of a select box changes  
});

 

Ini hanyalah beberapa contoh cara mengendalikan acara dengan jQuery. Anda boleh menggunakan kaedah ini untuk menambah logik tersuai, interaksi pengguna atau mengubah suai kandungan halaman web anda berdasarkan peristiwa. jQuery menyediakan cara yang mudah dan mudah untuk bekerja dengan acara dan mencipta pengalaman interaktif yang lancar di tapak web anda.