Try it Yourself: jQuery Events

jQuery Events

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body>

<button id="myButton">Click me</button>
<p>Move the mouse over this paragraph.</p>

<script>
// Run code when the button is clicked
$("#myButton").click(function() {
  alert("You clicked the button!");
});

// Hide a paragraph when the mouse enters it
$("p").mouseenter(function() {
  $(this).hide();
});
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body>

<button id="myButton">Click me</button>
<p>Move the mouse over this paragraph.</p>

<script>
// Run code when the button is clicked
$("#myButton").click(function() {
  alert("You clicked the button!");
});

// Hide a paragraph when the mouse enters it
$("p").mouseenter(function() {
  $(this).hide();
});
</script>

</body>
</html>