(jq) jquery (8) - attr (속성값 가져오기) 함수

김지영·2024년 1월 13일
0

jquery

목록 보기
8/12

8. attr() : 속성값 가져오기

  • html 의 속성을 가져오는 함수
  • 사용법 : let 변수 = $("태그").attr("속성");
  • 태그에 해당하는 속성을 가져와서 변수에 저장함



-예제1) html태그의 속성의 값 가져오기

<body>
    <!-- TODO: html태그의 속성의 값 가져오기 -->
    <!-- jquery cdn -->
    <script src="http://code.jquery.com/jquery-3.1.0.js"></script>

    <!-- js -->
    <script>
        // 형태 : 
        $(function(){
            // jquery 코딩
            let src = $("script").attr("src");
            alert(src);
        });
    </script>
  </body>




-결과)



8-1. attr() : 속성값 수정(저장)하기

  • html 의 속성을 저장하는 함수
  • 속성에 값 저장



    -예제2)
<body>
    <!-- TODO: html 태그의 속성값 수정하기 -->
    <img />

    <!-- jquery cdn -->
    <script src="http://code.jquery.com/jquery-3.1.0.js"></script>
    <!-- js -->
    <script>
        // 형태 : $(function(){});
        $(function(){
            // jquery 코딩
            $("img").attr("src", "http://placehold.it/100x100");
            $("img").attr("alt", "빈 이미지");
            $("img").attr("width", "100");
        });
    </script>
</body>

-결과)

profile
그냥 졍이라구하자

0개의 댓글