Jquery[제이쿼리] addBack() 메서드 배우기

안녕하세요~ 제이쿼리공장장 주니주니 입니다.

오늘은 제이쿼리[jquery] addBack() 메서드를 배워보겠습니다.

이렇게 준비해보았습니다.

실행화면입니다.

=============================== 
$('.b1').on('click',function(){
   $('.div0').find('.div1').css('border-color','blue');
   
   setTimeout(function(){
    $('.div0').find('.div1').css('border-color','black');
   }, 1000);
  });
=============================== 
class b1가 click되면 <== 실행 버튼입니다.
class div0 대상으로 find()메서드를 사용하여 자식요소인 
class div1를 선택하여 css를 변경하도록 하였습니다.

실행 버튼을 클릭한뒤의 모습입니다.

=============================== 
$('.b2').on('click',function(){
   $('.div0').find('.div1').addBack().css('border-color','blue');
   
   setTimeout(function(){
    $('.div0').find('.div1').addBack().css('border-color','black');
   }, 1000);
  });
=============================== 
위에부분의 소스에서 addBack() 메서드가 추가되었습니다.

※addBack()란 자식을 선택했을때 처음선택한 부모도 같이 선택하도록하는 메서드입니다.

이해가 안되는 분들은 ↓↓↓↓↓↓
http://api.jquery.com/addBack/

addBack()버튼을 클릭한뒤의 모습입니다.

오늘은 제이쿼리[jquery] addBack() 메서드를 배워보았습니다.
그럼 다음에 또만나요~