728x90
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 속성1 return attribute(속성) // 각 a 요소의 속성을 생성 및 변경합니다. }); ... <a title="새창" href="http://www.daum.net" target="_blank" rel="noopener">다음</a> <a title="새창" href="http://www.naver.com" target="_blank" rel="noopener">네이버</a> <a title="새창" href="http://www.nate.net" target="_blank" rel="noopener">네이트</a> |
예시
prop()관련 메서드
prop()는 자바스크립트 property(프로퍼티)에 관련된 메서드입니다.
prop() 메서드는 요소의 속성을 true, false로 제어할 수 있습니다.
실행 분류 | 형식 |
---|---|
추가 | $("div").removeClass(클래스명); |
콜백 함수 | $("div").removeClass(function)index, className){ //index는 각 div 요소의 0, 1, 2 //className은 각 div의 class 속성 m1, m2, m3 return class 속성 // 각 div에 class 속성을 제거합니다. )} <div class="m1>내용1</div> <div class="m2>내용2</div> <div class="m3>내용3</div> |
예시
hasclass()관련 메서드
if문의 조건식으로 사용됩니다. 선택한 요소 클래스가 있으면 true, 없으면 false를 반환합니다.
예시
728x90
반응형
'JavaScript > Jquery' 카테고리의 다른 글
jQuery - mouseenter / movesover 차이점 (8) | 2022.09.05 |
---|---|
jQuery : class관련 메서드 (2) | 2022.09.05 |
jQuery : CSS() 메서드 (3) | 2022.09.05 |
jQuery - 탐색 선택자 (5) | 2022.09.01 |
jQuery - 필터 선택자 (4) | 2022.09.01 |
댓글