JSFiddle - React, Tailwind, and code Playground

by dmethvin

HTML

<p id="a"><span>This has a over highlight style and event 'click'.</span></p>

<p><a id="b" href="#">Click here to erase the click event in the last paragraph's inner span</a></p>

CSS

.high {
background:#FF0;
}

JavaScript

// #4886 

$(document).ready(function() {
    $("#b").bind("click", function() {
        $("p span").die("click");
    });
});
$("p span").live("mouseover", function() {
    $(this).addClass("high");
});
$("p span").live("mouseout", function() {
    $(this).removeClass("high");
});
$("p span").live("click", function() {
    $(this).append(" He. ");
});