1jquery选择元素

来源：互联网发布：浪潮昆明云计算产业园编辑：程序博客网时间：2024/06/01 14:01

<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title>    <script src="jquery-3.2.1.min.js"></script></head><body>    <div id="div1" class="box">div</div>    <div id="div2" class="box2">div</div>    <div id="div3" class="box">div</div>    <div id="div4" class="box2">div</div>    <script>        //$("#div1").css("background","pink");        //$("div").css("background","green");        $(".box").css("background","purple");    </script></body></html>

<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title>    <script src="jquery-3.2.1.min.js"></script></head><body>    <li title="bagayalu">1</li>    <li title="youxi">2</li>    <li>3</li>    <li class="box">4</li>    <li class="box">5</li>    <li>6</li>    <script>        //$("li:first").css("background","pink");        //$("li:last").css("background","pink");        //$("li:eq(3)").css("background","pink");        //$("li:even").css("background","pink");奇数行 隔行变色        //$("li:odd").css("background","pink");        //偶数行 隔行变色        $("li").filter(".box").css("background","pink");        $("li").filter("[title=youxi]").css("background","yellow");        $("li").filter("[title=bagayalu]").css("background","orange");    </script></body></html>

阅读全文

0 0