通过jquery进行css样式设置

    xiaoxiao2022-07-04  128

    如果已经了解jq的选择器,就可以进行一些简单的css样式设置。

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-1.12.4.min.js"></script> <script type="text/javascript"> $(function () { $('.box1').css({'width':'100px','height':'100px','background-color':'black'});//设置单个或多个属性 $('#box1').css('width','100px');//设置单个属性 $('span').css('font-size');//查看字号 }) </script> </head> <body> <div class="box1"></div> <span>123</span> </body> </html>

    运行结果: 选择标签后加上 .css({ })就可以设置CSS样式,相关设置属性写成键值对,故用大括号包住,如果只设置一个属性,可以用逗号隔开。 注:alert()是jq中设置网页弹窗的方法

    最新回复(0)