jquery .on event code example

Example 1: jquery click event

$('#selector').on('click',function(){
    //Your code here
});

Example 2: jquery event listener

// There are quite a few abstracted versions of the following
$('element').on('event', function() {
	// Do something
});

// Where 'event' is something such as 'click', 'hover' etc

// They are abstracted as seen below
$('element').click(function(){
	// Do something
});
$('element').hover(function(){
	// Do something
});

// etc...

Example 3: on click jquery

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

Example 4: jquery $(document.on click

$(document).on("click","#test-element",function() {});

Example 5: jquery click event

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

Example 6: jQuery Event Methods

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

<p>If you click on me, I will disappear.</p>
<p>Click me away!</p>
<p>Click me too!</p>

</body>
</html>

Tags:

Javascript Example

Recent Posts