<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
</script>
<script>
function changeSize(){ $(this).animate({fontSize: "+=3px"});}
function changeSpacing(){ $(this).animate({letterSpacing: "+=2px"});}
$(document).ready(function(){ $("p").live("click", changeSize); $("p").live("click", changeSpacing); $("button").click(function(){ $("p").die("click", changeSize); });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p>Click any p element to increase size and letterspacing.</p>
<button>Remove the event handler changeSize(), added with the live() method, for p elements</button><br><br>
<div><b>Note:</b> The die() method was deprecated in jQuery version 1.7, and removed in version 1.9. We have used an earlier version of jQuery (1.7 in the script tag), for this example to work.</div>
</body>
</html>