手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQuery 表格操作(交替显示、拖动表格行、选择行等)
JQuery 表格操作(交替显示、拖动表格行、选择行等)
摘要: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 表格操作

【JQuery 表格操作(交替显示、拖动表格行、选择行等)】相关文章:

javascript 动态添加表格行

jquery表单对象属性过滤选择器用法

jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

JQuery中属性过滤选择器用法

jQuery实现html表格动态添加新行的方法

一段实时更新的时间代码

html下载本地

jQuery实现表格行上下移动和置顶效果

JavaScript通过事件代理高亮显示表格行的方法

数字金额千位分隔的Javascript

精品推荐
分类导航