(jq) jquery (7) - click 함수

김지영·2024년 1월 13일
0

jquery

목록 보기
7/12

7 .click

  • 예제) 버튼에 클릭이 되면 p태그에 color:red 적용하세요

*참고! : jquery 는 기본적으로 이름이 같은 모든 태그가 선택되고 모두 디자인이 적용됨

<body>
    <p>안녕하세요</p>
    <p>반갑습니다.</p>
    <button>글자색 변경</button>

    <!-- TODO: jquery cdn -->
    <script src="http://code.jquery.com/jquery-3.1.0.js"></script>

    <!-- js -->
    <script>
        $(function(){
            // jquery 코딩
            // 예제 : 버튼에 클릭이 되면 p태그에 color:red 적용하세요
            $("button").click(function(){
                // 버튼 클릭되면 실행할 코딩
                //참고!: jquery 는 기본적으로 이름이 같은 모든 태그가 선택되고 모두 디자인이 적용됨
                $("p").css("color", "red"); // p태그에 color:red
            });
        });
    </script>

-- 결과)

profile
그냥 졍이라구하자

0개의 댓글