JSFiddle - React, Tailwind, and code Playground

by jquery2005

HTML

<h3>例子</h3>
<p title="选择你最喜欢的水果.">你最喜欢的水果是？</p><br/>
<ul>
    <li>苹果</li><br/>
    <li>橘子</li><br/>
    <li>菠萝</li>
</ul>

CSS

.mouseout{cursor: normal;}
.mouseover{cursor: pointer;}
ul li{ width: 32px; }

JavaScript

$(function(){
    $("li").removeClass("mouseout").addClass("mouseover")
        .stop().fadeTo("fast",0.6).fadeTo("fast",1)
        .unbind("click").click(function(){
            //alert(this.innerHTML);//使用DOM对象方法
            //alert(this.innerText);//使用DOM对象方法
            alert($(this).text());//使用jQuery对象方法
        }
    );
});