선택자를 사용해 여러개의 요소들을 한꺼번에 선택하여 변수에 저장할 경우 콤마를 구분자로 사용하면 간단하게 요소들을 합칠 수가 있다. 그럼 아래의 예제를 보자.


! 태그 선택시 복수 선택하는 방법 예제보기


# span태그와 p태그 합쳐서 선택하기

var test = $('span, p');
// test 변수에 span과 p태그가 모두 배열값으로 저장됨



# div태그와 section태그 합쳐서 선택하기



var test = $('div, section');
// test 변수에 div과 section태그가 모두 배열값으로 저장됨


매우 간단하지만 자주 사용되는 함수중 하나입니다. 콤마를 구분자로 사용하는 방법의 선택자는 css와 동일하군여. 아래처럼여~

<style>
.test, .test2, .test3 {
color: red;
}
// test, test2 그리고 test3 모두 css 적용됨
</style>