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

 

posted on 2013-05-25 15:31  天上星  阅读(341)  评论(0)  编辑  收藏  举报

导航