jQuery实现动态生成表格并为行绑定单击变色动作的方法 - 行业资讯

本文实例讲述了jQuery实现动态生成表格并为行绑定单击变色动作的方法。分享给大家供大家参考,具体如下:

　　　　　　& lt; html> 　　& lt; head> 　　& lt;元charset=皍tf - 8”比; 　　& lt; title> jquery表格单击变色& lt;/title> 　　& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/jquery-1.7.2.min.js "祝辞& lt;/script> 　　& lt;脚本type=" text/javascript祝辞　　$(函数(){/////////////////以下动态生成10行2列的表格　　(i=1; i<=10,我+ +) 　　{ 　　$ (" # mytable ") .append (“& lt; tr> & lt; td>,, & lt;/td> & lt; td>,, & lt;/td> & lt;/tr>”); 　　}/////////////表格生成结束/////////////为生成的行添加单击变色动作　　$ (" # mytable tr) .click(函数(){ 　　如果($ ().hasClass (“redcss”)) 　　{ 　　(美元).siblings (tr) .removeClass (“redcss”); 　　} 　　其他的　　{ 　　(美元).addClass (“redcss”); 　　(美元).siblings (tr) .removeClass (“redcss”); 　　} 　　}）　　}）　　& lt;/script> 　　& lt; style> 　　.redcss { 　　background - color: # 900; 　　} 　　& lt;/style> 　　& lt;/head> 　　& lt; body> 　　& lt;表宽度=" 200 " border=" 1 " id=" mytable祝辞& lt;/table> 　　& lt;/table> 　　& lt;/body> 　　& lt;/html> 　　　　之前　　　　

运行效果如下:

jQuery实现动态生成表格并为行绑定单击变色动作的方法

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery表格(表)操作技巧汇总》、《jQuery切换特效与技巧总结》,《jQuery扩展技巧总结》,《jQuery常用插件及用法总结》,《jQuery常见经典特效汇总》及《jQuery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。