jQuery (제이쿼리) - jQuery add()

이번에는 제이쿼리 함수 중 add() 라는 함수에 대해 공부 해볼건데 

이 함수는 이름에서도 알 수 있듯이 무언가를 추가하는 역할을 한다.

그렇다면 뭘 추가할 수 있느냐 하면 기존 셀렉터로 선택 된 제이쿼리 배열에 대해

추가적으로 셀렉터를 지정해 기존 제이쿼리 배열에 새로운 값들을 추가할 수 있다.

이것도 간단한 예제로 살펴보자.

    
1. A-C
    
2. D-G
    
3. H-L
    
4. M-P
    
5. Q-S
    
6. T-V


$(document).ready(function() {
	$("h1").css("color", "red").add("h2").css("background-color", "yellow");
});

위의 예제를 보면 처음 선언한 셀렉터는 h1 태그 셀렉터이고 해당 셀렉터 뒤에는 color 를 red 로 변경해주는 css 함수가 붙어있다.

그러므로 h1 태그를 가진 글자들이 빨간 색으로 바뀌는 것을 확인할 수 있고 추가적으로 add() 함수를 사용해 h2 태그를 선택한 후

배경색을 yellow 로 변경해주는 css 함수를 사용했기 때문에 h1 태그와 h2 태그의 배경색이 노란 색으로 바뀌는 것을 확인할 수 있다.

5. Q-S 는 h1, h2 어디에도 해당하지 않기 때문에 아무런 변화도 보이지 않는다.

이처럼 add() 함수는 상황에 따라 유용하게 사용할 수 있다.

근데 그게 무슨 상황인지 잘 모르겠다.