使用jquery修改div元素的背景色

時間 2020-12-03

標籤 javascript css html java jquery this spa code htm blog 欄目 JQuery 简体版

原文原文鏈接

GIF動態效果：

代碼部分：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-3.3.1.js"></script>
</head>
<body>
<div>
    <p>背景顏色</p>

</div>
<script type="text/javascript">
    $(function(){
        $("div").on("click",function(){
            $(this).find("p:nth-child(1)").css("background","blue");
        });
    });
</script>

</body>
</html>