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");})
    


    可以写成上面的形式。

    源代码下载

  • 相关阅读:
    jQuery DOM
    jQuery DOM基础
    h1标签
    DOM节点操作
    css选择器
    机器指令程序编写方法
    处理器和指令
    《支撑处理器的技术——永无止境地追求速度的世界》图书信息
    浮点数精度的转换
    《细说PHP(第2版)》图书信息
  • 原文地址:https://www.cnblogs.com/liucyi/p/1961787.html
Copyright © 2011-2022 走看看