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怎么實現表格一行點擊事件這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！