300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > Jquery实现列表(隔行换色 全选 鼠标滑过当前行)效果实例【jquery】

Jquery实现列表(隔行换色 全选 鼠标滑过当前行)效果实例【jquery】

时间:2020-08-13 11:41:34

相关推荐

Jquery实现列表(隔行换色 全选 鼠标滑过当前行)效果实例【jquery】

web前端|js教程

隔行换色,全选,当前行

web前端-js教程

[javascript]

秀场直播源码,vscode部署上线,am335x 移植Ubuntu,tomcat开启jspx,sqlite 3f,chrome svg 插件,前端框架如何学习外包,多肉土里爬虫图片,php 测试mysql,seo监测效果,动漫bt网站源码,滑动网页卡,杰奇模板安装方法,java 多线程 聊天程序lzw

$(function () {

gridview("GridView1");

});

快速建站系统源码下载,ubuntu 系统更新时间,tomcat7 内存调优,福州哪里有爬虫,php入门教程网站交流,分析seo 广告lzw

//gridview

function gridview(objgridview) {

//get obj id

var gridviewId = "#" + objgridview;

//even

$(gridviewId + ">tbody tr:even").addClass("NormalColor");

//first

$(gridviewId + ">tbody tr:first").removeClass("NormalColor").addClass("HeadColor");

//odd

$(gridviewId + ">tbody tr:odd").addClass("AlterColor");

//move and click

$(gridviewId + ">tbody tr").slice(1).hover(function () {

$(this).addClass("HoverColor");

}, function () {

$(this).removeClass("HoverColor");

});

//all check

$("#chkAll").click(function () {

$(gridviewId + >tbody >tr >td >input:checkbox).attr(checked, this.checked);

});

//check status

$(gridviewId + >tbody >tr >td >input:checkbox).click(function () {

var expr1 = gridviewId + >tbody >tr >td >input:checkbox:checked;

var expr2 = gridviewId + >tbody >tr >td >input:checkbox;

var selectAll = $(expr1).length == $(expr2).length;

$(#chkAll).attr(checked, selectAll);

});

}

[html]

opc数据采集源码,vscode蓝灯,ubuntu 量产,tomcat怎么更新它的源地址,Delphi与sqlite,photoshop 网页设计素材,日本 云服务器,5.1.1来电插件,阿里前端框架彩蛋,爬虫文本文档,php枚举类型,seo护肤,咨询企业网站模板,qq网页登录源码下载,ecshop珠宝模板下载,h5页面手机屏幕兼容性,c订单管理系统,易语言引用程序集lzw

lt;HeaderTemplate>

lt;/HeaderTemplate>

<input type="checkbox" name="chkItem" value=\ />

[css]

.HeadColor{background-color: #E0ECFF; color:#333;line-height:25px;}

.AlterColor{background-color: #edf1f8; line-height:20px;}

.NormalColor{background-color: #f7f6f3; line-height:20px;}

.HoverColor{background: #89A5D1; line-height:20px;}

.SelectColor{background-color: #ACBFDF; line-height:20px;}

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