jquery element events code example

Example 1: 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>

Example 2: jquery events

.click() //on click event

.dblclick() // on double click

.focus(), .focusin(), .focusout()

.hover()

.keydown(), .keyup(), .keypress()

.mousedown(), .mouseup()

.mousemove() 

.ready() // after page is completly loaded

Tags:

Javascript Example

Related