学习JQ日志02-2

最新推荐文章于 2020-10-13 16:08:40 发布

rzeddd

最新推荐文章于 2020-10-13 16:08:40 发布

阅读量272

点赞数

分类专栏： JQ 文章标签： function border api

本文链接：https://blog.csdn.net/rzeddd/article/details/6826577

版权

JQ 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

hover(fn,fn)

.blue { background:#bcd4ec; }
</style>

以上是hover()和样式。

<body>

<table id="orderedlist" width="50%" border="0" cellspacing="0" cellpadding="0">
<thead>
<tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>QQ</th>
    <th>Email</th>
</tr>
</thead>
<tbody>
<tr>
    <td>111</td>
    <td>21113</td>
    <td>111</td>
    <td>111.111@111.111</td>
</tr>
<tr>
    <td>11111</td>
    <td>1111</td>
    <td>11111</td>
    <td>11.1111.111</td>
</tr>
</table>

</body>

以上的效果是鼠标移动时添加样式和移除样式。如果只添加不移除的话

　<script type="text/javascript">
　    $(document).ready(function() {
    $("#orderedlist tbody tr").hover(function() {
   $(this).addClass("blue");
}, function() {});
});

就可以了，要遵守APi类规则就可以了。

优惠劵

rzeddd

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习JQ日志02-2

hover(fn,fn)$(document).ready(function() {$("#orderedlist tbody tr").hover(function() { // $("#orderedlist li:last").hover(function(
复制链接

扫一扫