本文实例讲述了jQuery实现动态生成表格并为行绑定单击变色动作的方法。分享给大家供大家参考,具体如下:
<html>
<head>
<meta charset="utf-8">
<title>jquery表格单击变色</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
/////////////////以下动态生成10行2列的表格
for(i=1;i<=10;i++)
{
$("#mytable").append("<tr><td> </td><td> </td></tr>");
}
/////////////表格生成结束
/////////////为生成的行添加单击变色动作
$("#mytable tr").click(function(){
if($(this).hasClass("redcss"))
{
$(this).siblings("tr").removeClass("redcss");
}
else
{
$(this).addClass("redcss");
$(this).siblings("tr").removeClass("redcss");
}
})
})
</script>
<style>
.redcss{
background-color:#900;
}
</style>
</head>
<body>
<table width="200" border="1" id="mytable"></table>
</table>
</body>
</html>
运行效果如下:
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery表格(table)操作技巧汇总》、《jQuery切换特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
# jQuery
# 动态生成
# 表格
# 绑定
# 单击
# 变色动作
# jQuery动态生成不规则表格(前后端)
# jQuery动态生成表格及右键菜单功能示例
# JQuery 动态生成Table表格实例代码
# jQuery动态生成Bootstrap表格
# JQuery Ajax动态生成Table表格
# Jquery 动态生成表格示例代码
# jQuery实现多按钮单击变色
# 用JQuery实现表格隔行变色和突出显示当前行的代码
# jQuery代码实现表格中点击相应行变色功能
# jQuery轻松实现表格的隔行变色和点击行变色的实例代码
# jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
# jquery实现表格中点击相应行变色功能效果【实例代码】
# jQuery实现表格隔行及滑动
# 点击时变色的方法【测试可用】
# 相关内容
# 感兴趣
# 给大家
# 并为
# 更多关于
# 所述
# 程序设计
# 操作技巧
# 选择器
# 讲述了
# charset
# utf
# meta
# gt
# head
# title
# text
# javascript
相关文章:
制作无缝贴图网站有哪些,3dmax无缝贴图怎么调?
微信小程序 五星评分(包括半颗星评分)实例代码
如何通过山东自助建站平台快速注册域名?
如何高效利用200m空间完成建站?
如何使用Golang table-driven基准测试_多组数据测量函数效率
模具网站制作流程,如何找模具客户?
建站主机如何安装配置?新手必看操作指南
制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站?
网站设计制作公司地址,网站建设比较好的公司都有哪些?
如何在Golang中使用encoding/gob序列化对象_存储和传输数据
ui设计制作网站有哪些,手机UI设计网址吗?
网站制作费用多少钱,一个网站的运营,需要哪些费用?
香港服务器如何优化才能显著提升网站加载速度?
测试制作网站有哪些,测试性取向的权威测试或者网站?
高防服务器如何保障网站安全无虞?
如何通过虚拟主机快速搭建个人网站?
宝塔建站无法访问?如何排查配置与端口问题?
小程序网站制作需要准备什么资料,如何制作小程序?
道歉网站制作流程,世纪佳缘致歉小吴事件,相亲网站身份信息伪造该如何稽查?
合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台?
招商网站制作流程,网站招商广告语?
香港服务器网站测试全流程:性能评估、SEO加载与移动适配优化
如何在阿里云域名上完成建站全流程?
图册素材网站设计制作软件,图册的导出方式有几种?
建站之星各版本价格是多少?
北京企业网站设计制作公司,北京铁路集团官方网站?
建站之星会员如何解锁更多建站功能?
建站之星如何实现五合一智能建站与营销推广?
如何在云主机快速搭建网站站点?
建站之星×万网:智能建站系统+自助建站平台一键生成
天河区网站制作公司,广州天河区如何办理身份证?需要什么资料有预约的网站吗?
重庆市网站制作公司,重庆招聘网站哪个好?
如何用已有域名快速搭建网站?
如何在建站之星绑定自定义域名?
简历在线制作网站免费,免费下载个人简历的网站是哪些?
郑州企业网站制作公司,郑州招聘网站有哪些?
建站之家VIP精选网站模板与SEO优化教程整合指南
详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode(.NET组件介绍之四)
免费视频制作网站,更新又快又好的免费电影网站?
如何快速配置高效服务器建站软件?
如何选择可靠的免备案建站服务器?
5种Android数据存储方式汇总
如何快速生成凡客建站的专业级图册?
如何在七牛云存储上搭建网站并设置自定义域名?
交易网站制作流程,我想开通一个网站,注册一个交易网址,需要那些手续?
高性价比服务器租赁——企业级配置与24小时运维服务
如何在IIS7上新建站点并设置安全权限?
建站主机是什么?如何选择适合的建站主机?
建站上传速度慢?如何优化加速网站加载效率?
*请认真填写需求信息,我们会在24小时内与您取得联系。