유블로그

[jQuery] .css() 로 속성 변경하거나 추가하기 본문

JavaScript & jQuery

[jQuery] .css() 로 속성 변경하거나 추가하기

yujeong kang 2020. 9. 13. 11:24 
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <style>
        .h1 {
            color: orange;
        }
    </style>
</head>
<body>
    <h1 class="h1">안녕</h1>
    <h2 class="h2">안녕</h2>
    <h3>안녕</h3>
    <h3>안녕</h3>
    <h3>안녕</h3>
    <h3>안녕</h3>
    <h3>안녕</h3>
    <h3>안녕</h3>
    <h3>안녕</h3>
    <script>
        $(".h2").click(function() {
            let color = $(".h1").css("color");
            $(this).css("color", color);
        });
        
        let colors = ["red", "blue"];
        $("h3").css({
            color: function(index){
                return colors[index % 2];
            },
            background: "greenyellow"
        });
    </script>
</body>
저작자표시 비영리 변경금지

'JavaScript & jQuery' 카테고리의 다른 글

[jQuery] elment 삭제하기 - .remove(), .empty()  (0) 2020.09.13
[jQuery] .text() .html() 로 내용 받아오기, 변경하기, 추가하기  (0) 2020.09.13
[jQuery] addClass, removeClass, toggleClass  (0) 2020.09.13
[jQuery] .attr() 으로 속성 get, set, 지우기  (0) 2020.09.13
[JavaScript] 마우스위치에 요소 따라오게 하기  (0) 2020.09.13
'JavaScript & jQuery' Related Articles more