JQuery选择器1

来源：互联网发布：js中空格怎么表示编辑：程序博客网时间：2024/06/05 22:58

check

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>check dome</title>    <style>        div{            color: red;        }    </style>    <script src="jquery-2.2.3.min.js"></script></head><body>    <form>        <p>            <input  type="checkbox" name="newspaper" value="Hourly" checked="checked">Hourly            <input  type="checkbox" name="newspaper" value="Daily" >Daily            <input  type="checkbox" name="newspaper" value="Weekly" >Weekly            <input  type="checkbox" name="newspaper" value="Monthly" >Monthly            <input  type="checkbox" name="newspaper" value="Yearly" >Yearly        </p>    </form>    <div>    </div>    <script>//        var count = function () {//            var n =  $("input:checked").length;//            $("div").text(n+(n==1?"is":"are")+"checked");//        }//        count();//        $("input[type=checkbox]").on("click",count);//on 绑定事件//        var count = function () {//            var n = $("input:checked").length;//            $("div").text(n+(n==1?"is":"are")+"checked");//        }//        count();//        $("input[type=checkbox]").on("click",count);        var count = function () {            var n = $("input:checked").length;            $("div").text(n+(n==1?"is":"are")+"checked");        }        count();        $("input[type=checkbox]").on("click",count);    </script></body></html>

child selector

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>child demo</title>    <style>        body{            font-size: 14px;        }    </style>    <script src="jquery-2.2.3.min.js"></script></head><body>    <ul class="nav">        <li>            Item 1        </li>        <li>            Item 2            <ul class="navv">                <li>Nested item 1</li>                <li>Nested item 2</li>                <li>Nested item 3</li>            </ul>        </li>        <li>            Item 3        </li>    </ul>    <script>        $("ul.nav > li").css("border","3px double red");        $("ul.navv > li").text("fasjfhafhaw");    </script></body></html>

0 0