jQuery实现table隔行换色和鼠标经过变色详解编程语言
2023-06-13 09:20:28 时间
$("tr:odd").css("background-color","#eeeeee"); $("tr:even").css("background-color","#ffffff");
或者一行搞定:
$("table tr:nth-child(odd)").css("background-color","#eeeeee");
:nth-child 匹配其父元素下的第N个子或奇偶元素
二、鼠标经过变色
$("tr").bind("mouseover",function(){ $(this).css("background-color","#eeeeee"); $("tr").bind("mouseout",function(){ $(this).css("background-color","#ffffff"); })
当然live()和bind()都可以同时绑定多个事件或分开。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/10065.html
cjava相关文章
- 50个必备的实用jQuery代码段详解编程语言
- 用 jQuery实现图片等比例缩放大小详解编程语言
- 使用JQuery重绘图片的大小详解编程语言
- jQuery 的随机密码生成详解编程语言
- 使用jQuery预加载图片详解编程语言
- jQuery 获取DOM节点的两种方式详解编程语言
- jquery输入框添加默认值,提交表单,获取字符串长度,并截取字符串详解编程语言
- jquery 实现鼠标划过图片出现放大镜效果详解编程语言
- checkbox 全选和全不选jQuery代码实现详解编程语言
- jquery 简单实现购物车 cookie与json操作详解编程语言
- JQuery Tips(2)—-关于$()包装集你不知道的详解编程语言
- Day5 JavaScript(三)事件、表单验证以及初识jQuery详解编程语言
- jquery中ajax的使用(java)详解编程语言
- 12招jQuery常用技巧详解编程语言
- jquery实现短信群发功能(机试题)详解编程语言
- jQuery Validation让验证变得如此容易(三)详解编程语言
- jQuery和ztree实现动态树形多选菜单详解编程语言
- jQuery实现checkbox样式的单选框详解编程语言
- jQuery实现手风琴效果详解编程语言
- jquery trigger使用方法详解编程语言
- jquery手机端横屏判断方法详解编程语言
- jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
- jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能