Question

在下面的代码片段中，我想单击顶部框以切换颜色，但jQuery没有正确引用该对象。任何帮助将不胜感激。该框用id ='tst'的表标记。盒子本身是一个td单元格，它是一个id选择器'tst'的类型选择器（在css中定义）。 jQuery不知何故不是指对象。请参阅下面的代码。底部框仅供参考......

<html><head>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#tst td").click(function(){
$(this).toggleClass('green');
});
});
</script>

<style type="text/css">
table#tst {border:solid 1px;}
#tst td 
{background-color: red;}

.green {background-color:green;}
</style>

</head>

<body>
<p>Click the top box to toggle color between red and green.<br> Bottom box is for    reference.</p>
<table id="tst"><tr><td width=50 height=50></td></tr></table>
<br>
<table border=1><tr><td width=50 height=50></td></tr></table>

</body>
</html>

Answer 1

#tsd td是一个比.green更具体的选择器因此，添加green类实际上不会更改颜色。

Answer 2

http://jsfiddle.net/CdeNA/ - 工作。

jquery引用css'类型选择器的问题

2 个答案: