속성 관련 메서드

728x90

속성 관련 메서드

attr() 메서드

선택한 요소의 attribute(속성)를 선택, 생성, 변경할 수 있습니다.

실행 분류	형식
취득	&("a").attr("href");
생성, 변경	&("a").attr("href", "http://icoxpublih.com").attr("target", "_blank");
생성, 변경	&("a").attr({href: "http://icoxpublih.com", target: "_blank"});
콜백 함수	&("a").attr("href", function(index, h) { // index는 각 a 요소의 index 0, 1, 2 // h는 각a요소의 href 속성 return attribute(속성) // 각 a 요소의 속성을 생성 및 변경합니다. }); ... <a href="http://www.daum.net" target="_blank" title="새창">다음</a> <a href="http://www.naver.com" target="_blank" title="새창">네이버</a> <a href="http://www.nate.com" target="_blank" title="새창">네이트</a>

See the Pen Untitled by 이유나 (@fkdldhs8484) on CodePen.

prop() 메서드

attr()가 html attribute(속성)에 관련된 메서드라면 prop()는 자바스크립트 propetty(프로퍼티)에 관련된 메서드 입니다.
prop() 메서드는 요소의 속성을 true, false로 제어할 수 있습니다.

<!DOCTYPE html>
                <html lang="en">
                
                <head>
                    <meta charset="UTF-8">
                    <meta http-equiv="X-UA-Compatible" content="IE=edge">
                    <meta name="viewport" content="width=device-width, initial-scale=1.0">
                    <title>Document</title>
                    <script>
                    $(document).ready(function () {
                        $("#m_menu a.m").click(function () {
                        $(this).next().addBack().toggleClass("on").end().find(".m, ul").removeClass("on").end().parent().siblings().find(".m, ul").removeClass("on");
                        return false;
                        });
                    });
                    </script>
                </head>
                </html>

See the Pen Untitled by 이유나 (@fkdldhs8484) on CodePen.

728x90

'jQuery' 카테고리의 다른 글

스타일 관련 메서드 (2)	2022.09.03
클래스 관련 메서드 (1)	2022.09.03
탐색 선택자 (5)	2022.08.30
필터 선택자 (3)	2022.08.30
속성 선택자 (4)	2022.08.30