龙空技术网

jQuery第四十六天练习

轻鸟545 54

前言:

而今姐妹们对“jquerybutton置灰”大致比较关切,姐妹们都需要学习一些“jquerybutton置灰”的相关知识。那么小编在网上汇集了一些关于“jquerybutton置灰””的相关文章,希望我们能喜欢,我们一起来了解一下吧!

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>        <p>第一段落内容。。。</p>        <p>第二段落内容。。。</p>        <p>第三段落内容。。。</p>        <p>第四段落内容。。。</p>        <button id="p_btn">选择所有段落</button>        <hr>        <div class="cls_select">类选择器1</div>        <div class="cls_select">类选择器2</div>        <button id="cls_btn">选择class为:cls_select</button>        <hr>        <div id="id_sel">Id选择器</div>        <button id="id_btn">选择Id为:id_sel</button>        <hr>        <button id="all_btn">选择所有不分类型标签</button>        <hr>        <ul>            <li>列表项1</li>            <li>列表项2</li>        </ul>        <button id="ul_li_btn">选择ul下的li标签</button>        <hr>        <button id="body_btn">选择body下的第一级所有标签加边框</button>        <hr>        <button id="p_f_btn">选择p标签后的第一个button</button>        <script src="../js/jquery-3.7.1.js"></script>        <script>            $("#p_btn").click(function(){                $("p").css({"background": "#ccd"})            });            $("#cls_btn").click(function(){                $(".cls_select").css({"background": "pink"})            });            $("#id_btn").click(function(){                $("#id_sel").css({"background": "grey"})            });            $("#all_btn").click(function(){                $("*").css({"background": "#ccb"})            });            $("#ul_li_btn").click(function(){                $("ul li").css({"color": "#bde"})            });            $("#body_btn").click(function(){                $("body>*").css({"border": "1px solid red"})            });            $("#p_f_btn").click(function(){                $("p+button").css({"color": "#bda"})            });        </script>    </body></html>

标签: #jquerybutton置灰 #jquery设置p标签内容