• jQuery学习笔记 04


    jQuery学习笔记:
    $(document).ready
    (
     function ()
     {
      $("#TestTable tr:first").hover
      (
       function ()
       {
        $(this).addClass("blue");
       },
       function()
       {
        $(this).removeClass("blue");
       }
      );
     }
    );
    让网格最后一行移入时兰色,移出时恢复原来的。

    知识点:
    选择器的另一种形式::last,选最后一个。与last对应的,还有first,lt(n)(小于n行,不包括n,从0行开始算),gt(n)(大于n行,不包括n,从0行开始算),nth(n)(第n行,从0行开始算),eq(n)(第n行,从0行开始算),even(偶数行),odd(奇数行)。

    不只对网格行进行处理,对其它元素也可以,如两个链接,如下代码:
      $("a:last").addClass("red");
    把后一个链接的颜色改为红色。

    对hover事件的处理,要输入两个参数,一个进入的处理函数,一个移出的处理函数

    当前操作的对象可以用$(this)来表示

    移除样式,removeClass。由于class属性允许这样写 class="cls1 cls2",即几个样式名一起写,中间用空格分隔,因此addClass也是可以这样写,removeClass也可以。写的顺序没有要求。
       function ()
       {
        $(this).addClass("blue bggreen");
       },
       function()
       {
        $(this).removeClass("bggreen blue");
       }

  • 相关阅读:
    mysql InnoDB 索引小记
    Linux shell 脚本小记
    Java中Integer的源码学习
    nginx小记
    位运算小结
    Redis小结
    CSS中nth-child和nth-of-type的简单使用
    Linux awk小记
    mysql小记--基础知识
    让44.1版本的sketch打开更高版本的sketch文件
  • 原文地址:https://www.cnblogs.com/yzx99/p/1257399.html
Copyright © 2020-2023  润新知