본문 바로가기
개발/jQuery

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

by 루 프란체 2018. 6. 24.

이번에는 제이쿼리 함수 중 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() 함수는 상황에 따라 유용하게 사용할 수 있다.


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

댓글