JQuery 表格操作(交替显示、拖动表格行、选择行等)
JQuery 表格操作(交替显示、拖动表格行、选择行等)
发布时间:2016-12-30 来源:查字典编辑
摘要:JQuery确实很方便,简单的代码,却能实现一些不错的功能。复制代码代码如下:HTML:复制代码代码如下:公告列表選擇序號標題關鍵詞發布日期...

JQuery 确实很方便,简单的代码,却能实现一些不错的功能。

复制代码 代码如下:

<script type='text/javascript'><></script>

HTML:

复制代码 代码如下:

<table id='example'>

<thead>

<tr><td colspan='5'>公告列表</td></tr>

<tr>

<th>選擇</th>

<th>序號</th>

<th>標題</th>

<th>關鍵詞</th>

<th>發布日期</th>

</tr>

</thead>

<tbody id='content'>

<tr>

<td><input type='checkbox' name='noticeSelect' value='1' /></td>

<td>01</td>

<td>微軟在 VS 2008 中引入了 jquery</td>

<td>Microsoft</td>

<td>2009-01-02 10:30</td>

</tr>

<tr>

<td><input type='checkbox' name='noticeSelect' value='2' /></td>

<td>02</td>

<td>Linux微软Sun将探讨操作系统的未来</td>

<td>Sun</td>

<td>2009-01-03 09:30</td>

</tr>

<tr>

<td><input type='checkbox' name='noticeSelect' value='3' /></td>

<td>03</td>

<td>联想集团董事长柳传志:联想将在一年内成功</td>

<td>聯想</td>

<td>2009-01-05 14:30</td>

</tr>

<tr>

<td><input type='checkbox' name='noticeSelect' value='4' /></td>

<td>04</td>

<td>美议员要求立法限制Google地球 违反将日罚25万</td>

<td>Google</td>

<td>2009-01-10 20:45</td>

</tr>

<tr>

<td><input type='checkbox' name='noticeSelect' value='5' /></td>

<td>05</td>

<td>FireFox实验室提出新标签页理念并发布原始模型</td>

<td>FireFox</td>

<td>2009-01-14 17:58</td>

</tr>

<tr>

<td><input type='checkbox' name='noticeSelect' value='6' /></td>

<td>06</td>

<td>向Ruby之父学程序设计</td>

<td>Ruby</td>

<td>2009-01-19 07:22</td>

</tr>

<tr>

<td><input type='checkbox' name='noticeSelect' value='7' /></td>

<td>07</td>

<td>Apple智能手机市场份额翻番达10.7%</td>

<td>Apple</td>

<td>2009-01-21 10:44</td>

</tr>

<tr>

<td><input type='checkbox' name='noticeSelect' value='8' /></td>

<td>08</td>

<td>联发科助力 Windows Mobile加入山寨大军</td>

<td>联发科</td>

<td>2009-01-22 16:37</td>

</tr>

<tr>

<td><input type='checkbox' name='noticeSelect' value='9' /></td>

<td>09</td>

<td>Nokia的开源Qt开发工具4.5版发布</td>

<td>Nokia</td>

<td>2009-01-28 14:08</td>

</tr>

<tr>

<td><input type='checkbox' name='noticeSelect' value='10' /></td>

<td>10</td>

<td>GCC将接受IBM代码支持自动平行优化</td>

<td>IBM</td>

<td>2009-02-01 21:14</td>

</tr>

</tbody>

</table>

完整代码下载:JQuery 表格操作

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类