1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > jQuery实现table隔行换色和鼠标经过变色的两种方法【jquery】

jQuery实现table隔行换色和鼠标经过变色的两种方法【jquery】

时间:2021-11-24 08:49:35

相关推荐

jQuery实现table隔行换色和鼠标经过变色的两种方法【jquery】

web前端|js教程

隔行换色,经过变色

web前端-js教程

A、隔行换色

实验室设备管理源码,vscode美化代码,如何将ubuntu变成中文,tomcat工程打包,sqlite动态建列,wordpress插件要求,主流web前端开发框架,网络爬虫接单趋势,php mysql集成,seo经典案例分析seo教程,精品源码-网站源码下载,网页显示星期时间代码,魔兽世界模板,erp仓库管理系统教程视频,影视vip程序源码lzw

$("tr:odd").css("background-color","#eeeeee");

$("tr:even").css("background-color","#ffffff");

或者一行搞定:

九息娱乐源码,ubuntu设置失效,tomcat网站账号密码,爬虫源码交易,php将数字转换成数组,外贸seo光算科技.地址在哪里lzw

$("table tr:nth-child(odd)").css("background-color","#eeeeee");

:nth-child 匹配其父元素下的第N个子或奇偶元素

open营销软件整站源码+v4.0.0+sp2,ubuntu缺少vnc字体,python爬虫基础入门,Php wordxml,seo标签推荐lzw

B、鼠标经过变色

$("tr").live({

mouseover:function(){

$(this).css("background-color","#eeeeee");

},

mouseout:function(){

$(this).css("background-color","#ffffff");

}

})

或者

$("tr").bind("mouseover",function(){

$(this).css("background-color","#eeeeee");

})

$("tr").bind("mouseout",function(){

$(this).css("background-color","#ffffff");

})

当然live()和bind()都可以同时绑定多个事件或分开。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。