728x90
반응형
jQuery 속성 관련 메서드
jQuery 속성 관련 메서드를 알아봅시다.
attr() 메서드
선택한 요소의 attribute(속성)를 선택, 생성, 변경할 수 있습니다.
실행 분류 | 형식 |
---|---|
취득 | $("a").attr("href"); |
생성, 변경 | $("a").attr("href", "http://icoxpublish.com").attr("target", "_blank"); |
$("a").attr({"href": "http://icoxpublish.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.net" target="_blank" title="새창">네이버</a> <a href="http://www.nate.net" target="_blank" title="새창">네이트</a> |
See the Pen 제이쿼리 속성메서드01 by kimyihyung (@kimyihyung) on CodePen.
pop() 메서드
attr()가 html attribute(속성)에 관련된 메서드라면 prop()는 자바스크립트 property(프로퍼티)에 관련된 메서드입니다. prop() 메서드는 요소의 속성을 true, false로 제어할 수 있습니다.
See the Pen 제이쿼리 속성메서드02 by kimyihyung (@kimyihyung) on CodePen.
728x90
반응형
'javascript' 카테고리의 다른 글
JavaScript MouseOver | MouseEnter (8) | 2022.09.05 |
---|---|
jQuery 스타일 메서드 (4) | 2022.09.04 |
jQuery 클래스 메서드 (6) | 2022.09.04 |
JavaScript 요소 크기 메서드 (4) | 2022.09.01 |
jQuery 필터 선택자 (3) | 2022.08.30 |