繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 运用jquery实现table单双行不同显示并能单行选中
- Javascript
- javascript 写类方式之九
- javascript 写类方式之十
- javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历
- jquery BS,dialog控件自适应大小
- javascript 面向对象思想 附源码
- js 日期转换成中文格式的函数
- JavaScript 对象、函数和继承
- JavaScript 解析读取XML文档
- javascript获取表格 td 中的内容
- javascript xml为数据源的下拉框控件
- jQuery 1.3 和 Validation 验证插件1.5.1
- javascript 字符 Escape,encodeURI,encodeURIComponent
- jquery text,radio,checkbox,select操作实现代码
- JavaScript 继承的实现
- JS 数组 移除 实现代码
- javascript eval()应用实例 select
- javascript 焦点的两个问题
- JS 巧妙获取剪贴板数据 Excel数据的粘贴
- Jquery 组合form元素为json格式,asp.net反序列化
- window.onload 加载完毕的问题及解决方案（上）
Javascript 中的 运用jquery实现table单双行不同显示并能单行选中
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 350 ::
收藏到网摘: n/a
（该方法是对《运用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
评论 (0) All
