수색…


비고

jQuery 함수 .attr() 은 일치하는 요소 집합의 첫 번째 요소에 대한 특성 값을 가져 오거나 일치하는 모든 요소에 대해 하나 이상의 특성을 설정합니다.

속성의 값을 가져올 때, selector (즉, $("input").attr("type"); 와 일치하는 첫 번째 요소에서만 가져옵니다 $("input").attr("type"); 첫 번째 입력의 유형 만 가져옵니다. , 둘 이상이있는 경우)

그러나 속성을 설정할 때 일치하는 모든 요소에 속성을 적용합니다.

HTML 요소의 속성 값을 가져옵니다.

하나의 매개 변수가 .attr() 함수에 전달되면 선택된 요소의 전달 된 속성 값을 반환합니다.

통사론:

$([selector]).attr([attribute name]);

예:

HTML :

<a href="/home">Home</a>

jQuery :

$('a').attr('href');

data 속성 가져 오는 중 :

jQuery는 데이터 속성을 다루기 위해 .data() 함수를 제공한다. .data 함수는 선택한 요소의 데이터 특성 값을 반환합니다.

통사론:

$([selector]).data([attribute name]);

예:

Html :

<article data-column="3"></article>

jQuery :

$("article").data("column")

노트 :

jQuery의 data () 메소드는 data- * 속성에 대한 액세스 권한을 제공하지만 속성 이름의 대소 문자가 문제가된다. 참고

HTML 속성의 값 설정

어떤 요소에 속성을 추가하려면 attr(attributeName, attributeValue) 함수를 사용할 수 있습니다. 예 :

$('a').attr('title', 'Click me');

이 예제는 마우스 오버 텍스트 "Click me" 를 페이지의 모든 링크에 추가합니다.

동일한 함수가 속성 값을 변경하는 데 사용됩니다.

속성 삭제 중

요소에서 속성을 제거하려면 .removeAttr(attributeName) 함수를 사용할 수 있습니다. 예 :

$('#home').removeAttr('title');

ID home 가진 요소에서 title 속성이 제거됩니다.

attr ()과 prop () 사이의 차이

attr() 은 DOM 함수 getAttribute()setAttribute() 사용하여 HTML 속성을 가져 오거나 설정합니다. prop() 는 속성을 변경하지 않고 DOM 속성을 설정하여 작동합니다. 대부분의 경우 두 개는 서로 바꿔서 사용할 수 있지만 때로는 한 개가 필요합니다.

선택란에 체크 박스를 설정하려면,

$('#tosAccept').prop('checked', true); // using attr() won't work properly here

속성을 제거하려면 removeProp() 메서드를 사용할 수 있습니다. 마찬가지로 removeAttr() 은 속성을 제거합니다.



Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow