Which jQuery events do not bubble?

jQueryWeb DevelopmentFront 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,

Live Demo

<!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>
raja
Published on 20-Dec-2017 12:50:23
Advertisements