본문 바로가기

jQuery - 속성 메서드 본문

jQuery

jQuery - 속성 메서드

개발자로 거듭나기 2022. 9. 3. 00:47
반응형

jQuery 속성 관련 메서드

jQuery의 속성 관련 메서드를 소개해드릴게요. a 태그의 대표적인 속성으로는 href 속성이 있죠? 그런 속성들을 제어하는 메서드들 입니다.


jQuery 속성 관련 메서드

실행 분류 형식
취득 $('a').attr("href");
생성, 변경 $('a').attr("href", "http://naver.com").attr("target", "_blank");
$('a').attr({"href" : "http://naver.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://nate.daum.net" target="_blank" title="새창">네이트</a>

결과

See the Pen jQueryattrmethod by kim-0617 (@kim-0617) on CodePen.


결과2

See the Pen jQueryAttrmethod02 by kim-0617 (@kim-0617) on CodePen.

반응형

'jQuery' 카테고리의 다른 글

jQuery - 스타일 메서드  (12) 2022.09.03
jQuery - 클래스 메서드  (6) 2022.09.03
jQuery - 속성 선택자  (7) 2022.08.30
jQuery - 기본 선택자  (6) 2022.08.30
jQuery - 필터 선택자  (8) 2022.08.30
Comments