当前位置: 58彩票app下载 > 关于计算机 > 正文

动用jquery落成table单双行分歧呈现并能单行选中,

时间:2019-09-21 09:25来源:关于计算机
复制代码 代码如下: 一、隔行换色 $(document).ready(function(){ $("p:odd").css("background-color", "#bbf"); $("p:even").css("background-color","#ffc"); $("p").click(function () { $("p").each(function(){ if($(this).hasClass("high

复制代码 代码如下:

一、隔行换色

$(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

$("tr:odd").css("background-color","#eeeeee");
$("tr:even").css("background-color","#ffffff");

您或者感兴趣的篇章:

  • JS与jQuery遍历Table全体单元格内容的点子
  • jQuery达成鼠标双击Table单元格形成文本框及输入内容后更新到数据库的措施
  • 合併table一样单元格的jquery插件分享(很简单)
  • 听大人讲jquery的晤面table同样单元格的插件(精简版)
  • 用jQuery获取table中央银行id和td值的贯彻代码
  • 用Jquery选取器总计table中的某一列某一行的协商
  • jquery完毕效果与利益相比较好的table选中央银行颜色
  • JQuery DataTable删除行后的页面更新利用Ajax化解
  • jquery获取table中的某行整体td的内容措施
  • jQuery 选择表格(table)里的行和列及退换轻巧样式
  • 采用jquery为table动态加多行的落实代码
  • JQuery动态给table添加、删除行 改进版
  • jQuery获取table行数并出口单元格内容的贯彻方式

大概一行消除:

复制代码 代码如下:

$("table tr:nth-child(odd)").css("background-color","#eeeeee");

:nth-child 相配其父元素下的第N个子或奇偶成分

二、鼠标经过变色

复制代码 代码如下:

$("tr").live({
mouseover:function(){
$(this).css("background-color","#eeeeee");
},
mouseout:function(){
$(this).css("background-color","#ffffff");
}
})

或者

复制代码 代码如下:

$("tr").bind("mouseover",function(){
$(this).css("background-color","#eeeeee");
})
$("tr").bind("mouseout",function(){
$(this).css("background-color","#ffffff");
})

当然live()和bind()都足以同时绑定八个事件或分开。

你可能感兴趣的稿子:

  • jquery完结的鼠标拖动排序Li或Table
  • jQuery完结鼠标双击Table单元格形成文本框及输入内容后更新到数据库的主意
  • jquery完成table鼠标经过变色代码
  • jQuery达成鼠标跟随提醒层效果代码(可显示文本,Div,Table,Html等)
  • jQuery达成table中的tr上下移动并维持序号不变的实例代码
  • jQuery插件dataTables加多序号列的主意
  • JQuery动态给table添加、删除行 改进版
  • jquery获取table中的某行全部td的内容措施
  • jquery遍历table的tr获取td的值达成方式
  • jQuery操作表格(table)的常用方法、本领汇总
  • jQuery完毕获取table中鼠标click点击地点行号与列号的主意

编辑:关于计算机 本文来源:动用jquery落成table单双行分歧呈现并能单行选中,

关键词: