수색…
비고
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() 은 속성을 제거합니다.