jQuery 9 相对选择器

最新推荐文章于 2024-08-12 22:28:07 发布

lyuharvey

最新推荐文章于 2024-08-12 22:28:07 发布

阅读量109

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/yagzh2000/archive/2013/05/25/3098870.html

版权

前面的章节中我们用$()函数时只用到了一个参数，其实它还有第二个参数，第二个参数是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中任意的元素。

转载于:https://www.cnblogs.com/yagzh2000/archive/2013/05/25/3098870.html

lyuharvey

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery 9 相对选择器

前面的章节中我们用$()函数时只用到了一个参数，其实它还有第二个参数，第二个参数是jquery对象参数，用于标明要产生事件的元素。如下图：当点击table1中的tr时会产生一个click事件，会把所对应的td显示为红色. this代表当前的元素，相当于dom中的event.srcElement.<html xmlns="http://www.w3.org/1999/xhtml"&...
复制链接

扫一扫