<html>
<head>
<script src="Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(document).ready(
function () {
$("li").bind("mouseover",function() {
$(this).css("color", "red");
} )//bind也可以是on
$("li").mouseout(function() {
$(this).css("color", "black");
})
}
);
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<h3>图书种类</h3>
<ul type="circle">
<li >计算机类</li>
<li>教材类</li>
<li>杂志类</li>
<li class = "my_love">文学类</li>
</ul>
<ol >
<li>篮球</li>
<li>足球</li>
<li>羽毛球</li>
<li class = "my_love" title="sport">乒乓球</li>
</ol>
<button type="button">Click me</button>
</body>
</html>