原创力文档- 1、本文档共20页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
jq获取所有表格
篇一：js获取html表格的值
lt;!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd
lt;html
lt;head
lt;meta http-equiv=Content-Type content=text/html; charset=gb2312 lt;titleJavaScriptlt;/title
lt;style type=text/css
table{
margin:10px auto;
text-align:center;
width:600px;
height:320px;
}
td{
border:1px solid #333;
}
lt;/style
lt;script type=text/javascript
functioninitEvent() {
vartds=document.getElementsByTagName(td);
for(vari=0; ilt;tds.length; i++) {
var td=tds[i];
td.onclick=btnClick;
}
}
functionbtnClick() {
vartds=document.getElementsByTagName(td);
for(vari=0; ilt;tds.length; i++) {
var td=tds[i];
if(td==window.event.srcElement) {
alert(td.innerText);
}
}
}
lt;/script
lt;/head
lt;body onload=initEvent()
lt;table
lt;captionlt;h3请点击表格中的数字lt;/h3lt;/caption
lt;trlt;td111lt;/tdlt;td222lt;/tdlt;td333lt;/tdlt;/tr
lt;trlt;td444lt;/tdlt;td555lt;/tdlt;td666lt;/tdlt;/tr
lt;trlt;td777lt;/tdlt;td888lt;/tdlt;td999lt;/tdlt;/tr
lt;/table
lt;/body lt;/html
篇二：Jquery常用表格汇总
虽然现在DIV+CSS进行页的布局大行其道，但是很多地方使用table还是有很多优势，用table展示数据是比较方便的，下面汇总了jQuery操作Table tr td常用的方法，熟记这些操作技巧，下次再使用的到时候，会让你如鱼得水，提高开发效率。
1.鼠标移动行变色
$(#table1 tr).hover(function(){
$(this).children(td).addClass(hover)
},function(){
$(this).children(td).removeClass(hover)
})
方法二：
$(#table1 tr:gt(0)).hover(function() {
$(this).children(td).addClass(hover);
}, function() {
$(this).children(td).removeClass(hover);
});
2.奇偶行不同颜色
$(#table1 tbody tr:odd).css(background-color, #bbf);
$(#table1 tbody tr:even).css(background-color,#ffc);
$(#table1 tbody tr:odd).addClass(odd)
$(#table1 tbody tr:even).addClass(even)
3.隐藏一行
$(#table1 tbody tr:eq(3)).hide();
4.隐藏一列
$(#table1 tr td::nth-child(3)).hide();
方法二：
[html]view plain copy
$(#table1 tr).each(function(){$(td:eq(3),this).hide()});
5.删除一行
//删除除第一行外的所有行
$(#table1 tr:not(:first)).remove();
//删除指定行
$(#table1 tr:eq(3)).remove();
6.删除一列
//删除除第一列外的所有列
$(#table1 tr th:not(:nth-child(1))).
文档评论（0）