Programming/Javascript
[jQuery]다중 셀렉터
왕계란
2011. 7. 8. 17:20
여러 가지를 한꺼번에 선택해야 하는 경우가 간혹 발생한다.
이런 경우 Javascript로 할 경우 코드가 좀 길어진다.
id로 갖고 오고 class로 갖고 오고 tag로 갖고.
jQuery의 경우는 한 줄로 모두 선택이 가능하다.
위 예제는 예제일 뿐이니 태클 걸지 말자.
태그 이름으로 해서 갖고 오면 굳이 id, class로 안 갖고 와도 되는 거 다 아니까.
<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로 안 갖고 와도 되는 거 다 아니까.