태그 선택자

 

태그 선택자

·       HTML 페이지에 있는 문서 객체를 태그 이름으로 선택하는 선택자입니다.

·       자바스크립트의 getElementsByTagName() 메소드와 동일한 동작을 수행합니다.

·       태그 이름에 근거하여 특정 태그들만을 선택할 때 사용합니다.

·       CSS 메서드를 이용하여 선택된 태그의 설정된 스타일 속성을 알고자 할 때는 매개변수로 속성명만을 입력하면 됩니다.

 

 

태그 이름을 사용하여 같은 태그 이름을 가지는 HTML 요소를 모두 선택할 수 있습니다.

jQuery('h1').css('color', 'blue');

 

구분	구성요소
jQuery() or $()	jQuery
'h1'	선택자
css()	css메소드
'color', 'blue'	속성과 값

 

 

 

<script> $(document).ready(function() { $('h1').css('color', 'red'); }); </script>

 

 

여러 개의 속성을 적용하고자 할 때는 (콜론):을 이용하여 속성과 값을 연결한 후, (콤마),를 이용하여 구분한 것을 (중괄호){}로 묶어주면 여러 개의 속성을 한 번에 설정할 수 있습니다.