메인메뉴 바로가기

HOME으로 가기


Javascript

제이쿼리 | .add(); //선택자 추가

본문

 

add() 

기존 선택자가 정의된 후에 덧붙여지는 선택자.
$(선택자1,선택자2,선택자3)과 같은 공용선언하고자 할때는 $(선택자1).add(선택자2).add(선택자3)으로 표현할 수도 있으며,
중간 중간 별도로 CSS등을 선언할수 있다. 이때 뒤에 선언된 add()는 앞 선택자에 같이 포함된다.
 
만약, 두가지 영역에 공통으로 선언할 css와 함께 별도로 분리하여 다르게 CSS선언할 경우에는
미리 개별적으로 선언하고, 뒤에 덧붙여서 공통CSS를 선언하면 된다.
이 외에도 여러 경우에 활용할 수 있다.
 
예문)
<p>문단태그</p>
<span>인라인 묶음영역 태그</span> 
 
$("p").css("border","1px solid red").add("span").css("background-color","yellow");
 
 
결과)

문단태그

인라인 묶음영역 태그

 

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기