学习笔记1 jquery强大的链式写法

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>look you sisther</title>
    <style type="text/css">
        .current {
        background-color:red;
        }
    </style>
    <script type="text/javascript" src="jquery-1.9.1.js"></script>
</head>
<body>
    <div class="box">
        <ul class="menu">
            <li class="level1">
                <a href="#">寸衫</a>
                <ul class="level2">
                    <li><a href="#">A</a></li>
                    <li><a href="#">B</a></li>
                    <li><a href="#">C</a></li>
                    <li><a href="#">D</a></li>
                </ul>
            </li>


            <li class="level1">
                <a href="#">裤子</a>
                <ul class="level2">
                    <li><a href="#">A</a></li>
                    <li><a href="#">B</a></li>
                    <li><a href="#">C</a></li>
                    <li><a href="#">D</a></li>
                </ul>
            </li>


            <li class="level1">
                <a href="#">鞋子</a>
                <ul class="level2">
                    <li><a href="#">A</a></li>
                    <li><a href="#">B</a></li>
                    <li><a href="#">C</a></li>
                    <li><a href="#">D</a></li>
                </ul>
            </li>
        </ul>

    </div>
</body>
</html>

<script type="text/javascript">
    $(document).ready(function () {
        $(".level1>a").click(function () {
            $(this).addClass("current").next().show().parent().siblings().children("a").removeClass("current").next().hide();
            //   a标签添加一个属性   关联的下一个元出现 并且其父元素的全部同胞元素（li）的子元素（a）移除这个属性 同事关联的下个元素隐藏     真尼玛操蛋              
        })
    })

</script>

　　不多说看得懂吧强大的链式结构注意每次链式结构后的对象是谁要确定！

$("table>tobody>tr:has(td:has(:checkbox:enabled))").css("background", "red");

这个更牛逼函数has 代表判断是否含有该元素不含有这链式中断 :checkbox 选择范围内所有的checkbox

posted on 2013-09-16 22:08 奋斗的笨小孩阅读(297) 评论(0) 收藏举报