본문 바로가기
JavaScript/Jquery

jQuery : 속성 관련 메서드

by SyuMay 2022. 9. 5.
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

댓글


자바스크립트 사진

JavaScript

자세히보기