zoukankan      html  css  js  c++  java
  • jQuery 9 相对选择器

    前面的章节中我们用$()函数时只用到了一个参数,其实它还有第二个参数,第二个参数是jquery对象参数,用于标明要产生事件的元素。

    如下图:当点击table1中的tr时会产生一个click事件,会把所对应的td显示为红色. this代表当前的元素,相当于dom中的event.srcElement.

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script src="JScript/jquery-1.9.1.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $("#table1 tr").click(function () {   //为每个table中的行注册点击事件
                    $("td", $(this)).css("background", "red");  //让此行中的td显示成红色,注意第二个参数
                    
                });
            });
        </script>
    </head>
    <body>
    <table id="table1" border="1" cellspacing="0" cellpadding="0" width="10%">
        <tr>
            <td>aa</td>
            <td>aa</td>
        </tr>
        <tr>
            <td>bb</td>
            <td>bb</td>
        </tr>
        <tr>
            <td>cc</td>
            <td>cc</td>
        </tr>
        <tr>
            <td>dd</td>
            <td>dd</td>
        </tr>
    </table>
    </body>
    </html>

     $("body *") 代表body中任意的元素。

  • 相关阅读:
    Java日志框架
    分布式任务并发调度
    并发(三) CountDownLatch
    并发(二)CyclicBarrier
    并发(一) Semaphore
    MySql
    Hash
    由一个序列化框架的更换引发的问题
    navicat 12 激活
    Spring security
  • 原文地址:https://www.cnblogs.com/yagzh2000/p/3098870.html
Copyright © 2011-2022 走看看