jquery on click function example

Example 1: jquery click function

$( "#target" ).click(function() {
  alert( "Handler for .click() called." );
});

Example 2: on click jquery

$( "#dataTable tbody tr" ).on( "click", function() {
  console.log( $( this ).text() );
});

Example 3: jquery onclick function

$( "#other" ).click(function() {
  $( "#target" ).click();
});

Example 4: jquery .click function call

function example() {

}
function exampleParams(string, number, bool) {
  
}
//to call a function onclick without passing arguments 
$(selector).click(example);
//to call a function onclick and pass arguments
$(selector).click(function() {
  exampleParams("string example",  3, true);
});

Example 5: onclick event in jquery ajac

$('a').click(function(){
$.ajax({
type: "POST",
url: "mysimplepage.php",
async: true,
data: { logDownload: true, file: $(this).attr("name") }
});
return false;
});

Example 6: jquery click method

$("p").click(function(){

  $(this).hide();

});

Tags:

Css Example