유블로그

[jQuery] .attr() 으로 속성 get, set, 지우기 본문

JavaScript & jQuery

[jQuery] .attr() 으로 속성 get, set, 지우기

yujeong kang 2020. 9. 13. 11:11

.attr("속성명") -> 속성값을 get

.attr("속성명", "변경값") -> 속성값을 set

.attr({"속성명":"변경값", "속성명":"변경값"}) -> 여러개의 속성값을 한 번에 set

.removeAttr("속성명") -> 속성 지우기

 

<body>
    <img src="https://cdn.pixabay.com/photo/2020/09/06/21/27/squirrels-5550173__340.jpg" 
    alt="" width='500px'>
    <button id="btn">버튼1</button>
    <button id="btn2">버튼2</button>
    <button id="btn3">버튼3</button>
    <script>
        console.log($("img").attr("src"));
        $("#btn").click(function() {
            $("img").attr("height", "300px");
        });
        $("#btn2").click(function() {
            $("img").attr({"width":"600px", "height":"500px"});
        });
        $("#btn3").click(function() {
            $("img").removeAttr("width");
        });
    </script>
</body>
저작자표시 비영리 변경금지

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

[jQuery] .css() 로 속성 변경하거나 추가하기  (0) 2020.09.13
[jQuery] addClass, removeClass, toggleClass  (0) 2020.09.13
[JavaScript] 마우스위치에 요소 따라오게 하기  (0) 2020.09.13
[jQuery] 요소 추가하기 - insertBefore, prependTo, appendTo, insertAfter  (0) 2020.09.13
[JavaScript] 마우스 클릭한 곳 위치값 받아오기  (0) 2020.09.13
'JavaScript & jQuery' Related Articles more