本文介绍了一个使用jQuery操作HTML表格的具体实例，包括选择器的应用及如何通过点击全选按钮实现所有行的选择。此外，还展示了如何为表格行添加样式。
jQuery在客户端操作Table学习：不过有很多很多的不足，还需要学习掌握。
<style type="text/css">
<wbr><wbr><wbr><wbr><wbr><wbr><wbr>.hover<br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><wbr><wbr><wbr>{<br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>background-color:red;<br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><wbr><wbr><wbr>}<br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr></style><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"> <table id="table1" border="1" cellpadding="0" cellspacing="0"><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><tr><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><th><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><input type="checkbox" id="checkall" onclick="checkAll1(this)"/><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr></th><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><th>姓名</th><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><th>性别</th><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><th>密码</th><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><th>地址</th><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr></tr><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><tr><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><input type="checkbox" id="Checkbox1" /><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr></td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>张三</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>男</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>zhangsan</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>上海</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr></tr><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><tr><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><input type="checkbox" id="Checkbox2" /><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr></td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>李四</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>男</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>lisi</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>安庆</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr></tr><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><tr><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><input type="checkbox" id="Checkbox3" /><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr></td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>王五</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>男</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>beijing</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>北京</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr></tr><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><tr><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><input type="checkbox" id="Checkbox4" /><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr></td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>无名氏</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>女</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>wumingshi</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>上海</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr></tr><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><tr><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><input type="checkbox" id="Checkbox5" /><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr></td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>赵老师</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>男</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr><wbr><wbr><td>zhaolaoshi</td><br style="pADDinG-riGHT: 0px; pADDinG-LeFT: 0px; pADDinG-BoTToM: 0px; MArGin: 0px; pADDinG-Top: 0px"><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>
扫一扫
160
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
