分享更有价值
被信任是一种快乐

jquery怎么实现表格一行点击事件

文章页正文上

这篇文章主要讲解了“jquery怎么实现表格一行点击事件”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery怎么实现表格一行点击事件”吧!
  说明:
  实现功能:
  1、鼠标经过表格行的时候,变色
  2、控制表格表头不受影响.“经过事件不变,点击事件不变”;
  3、表格每一行有4个td,并实现只能点击第3个td,添加鼠标手形属性,而且当点击每行的第3个td的时候,把td的高度变高.
  4、而且第3个td里面,有两个元素,一个是含有类.titlef 的div元素,默认显示; 另一个是含有类.content 的
  div元素,默认隐藏; 当点击第3个td的时候,就把.content 显示出来,把当点击其他tr td的时候,还原含有
  类.content的div 变隐藏“用echo 遍历实现了免费云主机、域名
  $(document).ready(function(){
  $(“.tableLine tr:not(tr:first) td:even”).css(“cursor”,”pointer”)
  $(“.tableLine tr:not(tr:first) td:even “).click(function(){ ? ? ? ?$(“.tableLine .content”).each(function()$(this).hide(); ? ? ? ? });
  $(“.tableLine tr:not(tr:first) td:even”).css(“height”,”40px”).css(“padding-top”,”0px”);
  $(this).css(“height”,”80px”).css(“padding-top”,”10px”);
  $(this).children().show();
  });
  $(“.tableLine tr:not(tr:first)”).mouseover(function(){
  $(this).children().css(“background”,”#efefef”);
  });
  $(“.tableLine tr:not(tr:first)”).mouseleave(function(){
  $(this).children().css(“background”,”#fff”);
  });
  });感谢各位的阅读,以上就是“jquery怎么实现表格一行点击事件”的内容了,经过本文的学习后,相信大家对jquery怎么实现表格一行点击事件这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是云技术,小编将为大家推送更多相关知识点的文章,欢迎关注!

相关推荐: js中怎么用文件流下载csv文件

这篇文章主要讲解了“js中怎么用文件流下载csv文件”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“js中怎么用文件流下载csv文件”吧! js使用文件流下载csv文件的实现方法理解 Blob 对象在 Blob …

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册