运用jquery实现table单双行不同显示并能单行选中

潇湘洛水

潇湘洛水

2016-02-19 15:42

下面图老师小编跟大家分享运用jquery实现table单双行不同显示并能单行选中,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~
代码如下:
$(document).ready(function(){
$("p:odd").css("background-color", "#bbf");
$("p:even").css("background-color","#ffc");
$("p").click(function () {
$("p").each(function(){
if($(this).hasClass("highlight")){
$(this).removeClass("highlight");
}});
$(this).addClass("highlight");
});
});

源码参考gamil:test_jquery_table
展开更多 50%)
分享

猜你喜欢

运用jquery实现table单双行不同显示并能单行选中

Web开发
运用jquery实现table单双行不同显示并能单行选中

listview 选中高亮显示实现方法

编程语言 网络编程
listview 选中高亮显示实现方法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

单行Javascript实现Memoization

Web开发
单行Javascript实现Memoization

wps演示教程:移花接木让双行标题变单行

电脑入门
wps演示教程:移花接木让双行标题变单行

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery 行背景颜色的交替显示(隔行变色)实现代码

Web开发
jQuery 行背景颜色的交替显示(隔行变色)实现代码

jquery select选中的一个小问题

Web开发
jquery select选中的一个小问题

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

了解Oracle存储过程中的角色

了解Oracle存储过程中的角色

Oracle 排序中常用的NULL值处理方法

Oracle 排序中常用的NULL值处理方法
下拉加载更多内容 ↓