zoukankan      html  css  js  c++  java
  • jQuery筛选器

    基本筛选选择器

    <!DOCTYPE html>
    <html>

    <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <link rel="stylesheet" href="imooc.css" type="text/css">
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    </head>

    <body>
    <h2>基本筛选器</h2>
    <h3>:first/:last/:even/:odd</h3>
    <div class="left">
    <div class="div">
    <p>div:first</p>
    <p>:even</p>
    </div>
    <div class="div">
    <p>:odd</p>
    </div>
    <div class="div">
    <p>:even</p>
    </div>
    <div class="div">
    <p>:odd</p>
    </div>
    <div class="div">
    <p>:even</p>
    </div>
    <div class="div">
    <p>div:last</p>
    <p>:odd</p>
    </div>
    </div>
    <script type="text/javascript">
    //找到第一个div
    $(".div:first").css("color", "#CD00CD");
    </script>

    <script type="text/javascript">
    //找到最后一个div
    $(".div:last").css("color", "#CD00CD");
    </script>

    <script type="text/javascript">
    //:even 选择所引值为偶数的元素,从 0 开始计数
    $(".div:even").css("border", "3px groove red");
    </script>

    <script type="text/javascript">
    //:odd 选择所引值为奇数的元素,从 0 开始计数
    $(".div:odd").css("border", "3px groove blue");
    </script>


    <h3>:eq/:gt/:lt</h3>
    <div class="left">
    <div class="aaron">
    <p>:lt(3)</p>
    </div>
    <div class="aaron">
    <p>:lt(3)</p>
    </div>
    <div class="aaron">
    <p>:eq(2)</p>
    </div>
    <div class="aaron">
    </div>
    <div class="aaron">
    <p>:gt(1)</p>
    </div>
    <div class="aaron">
    <p>:gt(3)</p>
    </div>
    </div>
    <script type="text/javascript">
    //:eq
    //选择单个
    $(".aaron:eq(2)").css("border", "3px groove blue");
    </script>

    <script type="text/javascript">
    //:gt 选择匹配集合中所有索引值大于给定index参数的元素
    $(".aaron:gt(3)").css("border", "3px groove blue");
    </script>

    <script type="text/javascript">
    //:lt 选择匹配集合中所有索引值小于给定index参数的元素
    //与:gt相反
    $(".aaron:lt(2)").css("color", "#CD00CD");
    </script>

    <h3>:not</h3>
    <div class="left">
    <div>
    <input type="checkbox" name="a" />
    <p>Aaron</p>
    </div>
    <div>
    <input type="checkbox" name="b" />
    <p>慕课</p>
    </div>
    <div>
    <input type="checkbox" name="c" checked="checked" />
    <p>其他</p>
    </div>
    </div>
    <script type="text/javascript">
    //:not 选择所有元素去除不匹配给定的选择器的元素
    //选中所有紧接着没有checked属性的input元素后的p元素,赋予颜色
    $("input:not(:checked)+p").css("background-color", "#CD00CD");
    </script>
    </body>

    </html>

  • 相关阅读:
    脱壳->模拟追踪脱壳法原理
    脱壳->内存断点法脱壳
    奇技淫巧技术-注册表的操作
    LoardPe与Import REC X64dbg脚本 脱壳 Upx
    VS快捷键一览表.常用快捷键整理.
    VS2019库头文件的使用
    PowerShell第一讲,别名,变量,命令。
    Debug技巧-启动调试附加原理
    strlen的另一种实现,可以作为ShellCode
    windows-遍历另一进程内存根据进程PID
  • 原文地址:https://www.cnblogs.com/wkt-gut/p/7834483.html
Copyright © 2011-2022 走看看