이번에는 제이쿼리 함수 중 add() 라는 함수에 대해 공부 해볼건데
이 함수는 이름에서도 알 수 있듯이 무언가를 추가하는 역할을 한다.
그렇다면 뭘 추가할 수 있느냐 하면 기존 셀렉터로 선택 된 제이쿼리 배열에 대해
추가적으로 셀렉터를 지정해 기존 제이쿼리 배열에 새로운 값들을 추가할 수 있다.
이것도 간단한 예제로 살펴보자.
$(document).ready(function() { $("h1").css("color", "red").add("h2").css("background-color", "yellow"); });1. A-C
2. D-G
3. H-L
4. M-P
5. Q-S
6. T-V
위의 예제를 보면 처음 선언한 셀렉터는 h1 태그 셀렉터이고 해당 셀렉터 뒤에는 color 를 red 로 변경해주는 css 함수가 붙어있다.
그러므로 h1 태그를 가진 글자들이 빨간 색으로 바뀌는 것을 확인할 수 있고 추가적으로 add() 함수를 사용해 h2 태그를 선택한 후
배경색을 yellow 로 변경해주는 css 함수를 사용했기 때문에 h1 태그와 h2 태그의 배경색이 노란 색으로 바뀌는 것을 확인할 수 있다.
5. Q-S 는 h1, h2 어디에도 해당하지 않기 때문에 아무런 변화도 보이지 않는다.
이처럼 add() 함수는 상황에 따라 유용하게 사용할 수 있다.
근데 그게 무슨 상황인지 잘 모르겠다.
'개발 > jQuery' 카테고리의 다른 글
jQuery (제이쿼리) - jQuery next(), nextAll() (0) | 2018.06.24 |
---|---|
jQuery (제이쿼리) - jQuery append(), appendTo(), prepend(), prependTo() (0) | 2018.06.24 |
jQuery (제이쿼리) - jQuery slice() (0) | 2018.06.24 |
jQuery (제이쿼리) - jQuery map() (2) | 2018.06.17 |
댓글