随笔 - 62  文章 - 0  评论 - 4  阅读 - 60739

学习笔记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)移除这个属性 同事关联的下个元素隐藏     真尼玛操蛋             
        })
    })<br>
</script>

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

 

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

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

 

posted on   奋斗的笨小孩  阅读(290)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
阅读排行:
· Sdcb Chats 技术博客:数据库 ID 选型的曲折之路 - 从 Guid 到自增 ID,再到
· .NET Core GC压缩(compact_phase)底层原理浅谈
· Winform-耗时操作导致界面渲染滞后
· Phi小模型开发教程:C#使用本地模型Phi视觉模型分析图像,实现图片分类、搜索等功能
· 语音处理 开源项目 EchoSharp
< 2025年1月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示