zoukankan      html  css  js  c++  java
  • 用jQuery让表格偶数行样式渐变,鼠标移上去样式变化

    Year Make Model
    1965 Ford Mustang
    1970 Toyota Corolla
    1979 AMC Jeep CJ-5
    1983 Ford EXP
    1985 Dodge Daytona
    1990 Chrysler Jeep Wrangler Sahara
    1995 Ford Ranger
    1997 Chrysler Jeep Wrangler Sahara
    2000 Chrysler Jeep Wrangler Sahara
    2005 Chrysler Jeep Wrangler Unlimited
    2007 Dodge Caliber R/T

    Jquery代码:

    1 $("table tr:nth-child(even)").addClass("striped");//even或者2n为偶数行,2n+1为奇数行
    2
    3 $("tr").mouseover(function() {
    4 $(this).addClass("over");
    5 }).mouseout(function() {
    6 $(this).removeClass("over");
    7 })

    这里有一个JQuery的链式操作

    $("tr").mouseover(funtion(){
            $(this).addClass("over");})
    $("tr").mouseout(funtion(){
           $(this).removeClass("over");})
    


    可以写成上面的形式。

    源代码下载

  • 相关阅读:
    python-单链表的实现
    python-树形结构和遍历
    python四种简单排序
    python数据类型
    python安装和配置
    Js 中的false,零值,null,undefined和空字符串对象
    console和chrom-tool
    js中声明Number的五种方式
    vue下拉搜索
    canvas猜数游戏
  • 原文地址:https://www.cnblogs.com/liucyi/p/1961787.html
Copyright © 2011-2022 走看看