Jquery 同辈元素选中/未选中效果
2016-12-29 00:00
417 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Jquery 同辈元素选中/未选中效果</title> <script language="javascript" type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script> <script type="text/javascript"> function selectchange(tempid) { var alink = $("#linktable").find("span"); alink.each(function () { $(this).removeClass("templinkactive").addClass("templink"); }); $("#alink" + tempid).removeClass("templink").addClass("templinkactive"); } </script> <style type="text/css"> .templinkactive { padding:5px; text-decoration:none; background-color: #2788DA; color:#ffffff; } .templink { cursor:pointer; padding:5px; text-decoration:none; } </style> </head> <body> <form id="form1" runat="server"> <table width='100%' id="linktable"> <tr> <td> <span id="alink001" class='templink' onclick="javascript:selectchange('001');"> 模板001(一行三列)</span> </td> </tr> <tr> <td> <span id="alink002" class='templink' onclick="javascript:selectchange('002');"> 模板002(一行四列)</span> </td> </tr> <tr> <td> <span id="alink003" class='templink' onclick="javascript:selectchange('003');"> 模板003(一行三列)</span> </td> </tr> <tr> <td> <span id="alink004" class='templink' onclick="javascript:selectchange('004');"> 模板004(一行四列)</span> </td> </tr> <tr> <td> <span id="alink005" class='templink' onclick="javascript:selectchange('005');"> 模板005(一行三列)</span> </td> </tr> </table> </form> </body> </html>
相关文章推荐
- Jquery 同辈元素选中/未选中效果
- Jquery同辈元素选中/未选中效果的实例代码
- Jquery同辈元素选中/未选中效果的实例代码
- Jquery 同辈元素选中/未选中效果
- jquery 找到父类的同辈元素并删除同辈元素的css选中样式
- JQuery输入框选中加亮效果
- jquery中获得选中了的radiobutton元素
- jquery选中以什么开头的元素
- jQuery之搜索同辈元素
- Jquery 解决获取同辈元素
- JQuery实现让元素获取焦点效果
- firefox下img元素和空div以及选中div中文字拖拽效果处理
- 使用Jquery随机删除一个顺序列表中某个子元素的方法,保持效果统一性
- jQuery点击元素消失效果实例教程
- jquery插件——点击交换元素位置(带动画效果)
- jquery checkbox选中效果
- jquery 实现 鼠标拖拽元素复制并写入效果
- jQuery 学习6 操纵元素显示效果的函数
- jquery学习之-设置table奇偶行的背景色,并触发单选框选中效果
- Ajax或JS动态添加的元素,Jquery效果不起作用