前言:
而今姐妹们对“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标签内容