NOTICE

[jQuery]다중 셀렉터

Date : 2011. 7. 8. 17:20 Category : Programming/Javascript
여러 가지를 한꺼번에 선택해야 하는 경우가 간혹 발생한다.
<span id="str">TEST</span>
<span class="str">TEST</span>
<span>TEST</span>
위와 같은 상황에서 TEST라는 텍스트를 모두 bold를 적용해야 하는 경우가 있다.
이런 경우 Javascript로 할 경우 코드가 좀 길어진다.
id로 갖고 오고 class로 갖고 오고 tag로 갖고.
jQuery의 경우는 한 줄로 모두 선택이 가능하다.
<script type="text/javascript">
$(document).ready(function() {
	$("#str, .str, span").css("font-weight", "bold");
});
</script>
위에서 보는 것처럼 ,(comma)로 구분지어서 선택이 가능하다.

위 예제는 예제일 뿐이니 태클 걸지 말자.
태그 이름으로 해서 갖고 오면 굳이 id, class로 안 갖고 와도 되는 거 다 아니까.