Which jQuery events do not bubble?

jQuery Web Development Front End Technology

Some of the jQuery events, do not bubble such as mouseenter do not bubble. Let us see an example of such events.

Example

You can try to run the following code to learn how to work with jQuery events, which do not bubble,

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
 $(document).ready(function(){
    $("p").mouseenter(function(){
      $("p").css("background-color", "red");
    });
    $("p").mouseleave(function(){
      $("p").css("background-color", "blue");
    });
 });
</script>
</head>
<body>

<p>Demo Text - Keep the mouse pointer here.</p>

</body>
</html>

Alex Onsman

Published on 20-Dec-2017 08:20:23

Previous Page Print Page