当前位置：首页 → 问答吧 → 请教大家一个jq的问题呀

请教大家一个jq的问题呀

时间：2010-05-31

来源：互联网

我初学jquery，有个问题想了很久部明白，大家帮我看看好吗~~

<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=gbk" /> <title>Learn JQuery</title> <link href="1.css" rel="stylesheet" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#pason tr').mouseover(function(){$(this).css('background','#ffc');$(this).clone().appendTo('#pason');}); $('#pason tr').mouseout(function(){$(this).css('background','none')}); }); </script> <style type="text/css"> #pason{border:1px solid #ccc;border-collapse:collapse} #pason td{border:1px solid #ccc;} </style> </head> <body> <table width="500" border="0" id="pason"> <tr> <td>11131221321</td> </tr> <tr> <td>11131221321</td> </tr> <tr> <td>11131221321</td> </tr> <tr> <td>11131221321</td> </tr> <tr> <td>11131221321</td> </tr> <tr> <td>11131221321</td> </tr> <tr> <td>11131221321</td> </tr> <tr> <td>11131221321</td> </tr> <tr> <td>11131221321</td> </tr> <tr> <td>11131221321</td> </tr> </table> </body> </html>
提示：您可以先修改部分代码再运行

这个是一个划过变色的表格，我加了个划过添加tr元素，为什么新增的元素固定了背景色，并且没有划过效果呢？

作者: neojmr 发布时间: 2010-05-31

最好用hover
hover(function(){
//鼠标移上去
}, function(){
//鼠标移开
});

作者: QQ379699897 发布时间: 2010-05-31