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

2016-02-19 15:42 17 1 收藏

下面图老师小编跟大家分享运用jquery实现table单双行不同显示并能单行选中，一起来学习下过程究竟如何进行吧！喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Web开发】

代码如下:
$(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

来源:http://www.tulaoshi.com/n/20160219/1610251.html

上一篇：了解Oracle存储过程中的角色
下一篇： Oracle 排序中常用的NULL值处理方法

看过《运用jquery实现table单双行不同显示并能单行选中》的人还看了以下文章更多>>

jquery.lazyload 实现图片延迟加载jquery插件

标签： Web开发

什么是ImageLazyLoad技术在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间。ImageLazyLoad技术就是，当前可见界面的图片是加载进来的，而不可见页面（通过滚动条下拉可见）中的图片是不加载的，这样势必会引起速度上质的提升。怎么实现ImageLazyLoad 一、使用JQuery...

JQuery 遮罩层实现(mask)实现代码

标签： Web开发

其中有mask()和unmask()这两个方法,这两个方法在指定的元素上添加一个遮罩层和一个提示消息实现，增加客户体验。由于最近做项目的时候，发现有时为了使用这一两个方法需要引入一个比较“庞大”的Extjs进来，觉得有点不划算，于是自己用jquery实现了一个比较简单mask、unmask方法来实现该效果。大家知道jquery是一个优秀的javascript框架，不但...

jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功)

标签： Web开发

打包下载理由：jquery简单，兼容性好且容易封装。废话不多说，马上开始我们的Jquery插件编写吧。应该有很多人写过类似的插件，我也是有些模仿flexGrid的形式。需求：GridView显示数据，无刷新分页，无刷新排序，无刷新过滤（搜索数据），基于ASP.NET(我们这里有ashx一般处理文件来实现)。使用到技术：asp.net2.0, jquery,css 首先写...

单行合并字符在Word2007中的实现方法

标签： word

单行合并字符在Word2007中的实现方法 ①启动Word2007，输入文字，然后单击开始选项卡下段落标签里面的中文版式按钮。 ②在下拉列表中选择合并字符。 ③设置文字、字体以及字号，确定。 ④此时文字变为了一个字符，右击，切换到域代码。 ⑤将www.tulaoshi.com原来的域代码改为下图所示。 ⑥...

jquery 分页控件实现代码

标签： Web开发

代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head titlejquery分页控件/title script src="jquery-1.3.min.js" type="text/javascript"/script /head body div class="pager"/div !--div s...

查看更多精彩>>