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中任意的元素。

 

你可能感兴趣的:(jquery)