这是另一个初学者问题。我感谢社区提供的所有帮助。在过去的两个小时里，我一直盯着这段代码盯着看，但仍然无法弄清楚它出了什么问题。这只是一个简单的文档，边框应该出现在悬停的列表项周围。谁能告诉我为什么？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir = "ltr" xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
<script type = "text/javascript"
src = "http://code.jquery.com/jquery-1.4.2.min.js">
</script>
<script type = "text/javascript">
//<![CDATA[
$(init);
function init(){
$("li").hover(border, noBorder);
} // end init
function border(){
$(this).css("border", "1px solid black");
}
function noBorder(){
$(this).css("border", "0px none black");
}
//]]>
</script>
<title>hover.html</title>
</head>
<body>
<h1>Hover Demo</h1>
<ul>
<li>alpha</li>
<li>beta</li>
<li>gamma</li>
<li>delta</li>
</ul>
</body>
</html>
最佳答案
为什么不使用 CSS:
li:hover {
border : 1px solid black
}
这更干净，出现错误的可能性也更小。
关于jquery - 调试一个简单的 jQuery 文档，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18553645/