[jQuery] jquery chaining

저번 포스팅에 select된 element에서 출발하여 다양한 jquery DOM을 접근할 수 있는 방법을 알아봤습니다.

 

$('#child1').parent().css({border:"2px solid"})

 

이제 이 방법을 이용하여 jQuery chain에 대해 알아봅시다.

 

$('#child1').css({style:"somevalue"})

이렇게 child1의 스타일을 바꿨습니다. 이제 child1의 parent의 스타일 바꾸고 싶다면?

$('parent1').css({style:"something"});//이렇게 할 필요 없음

$('child1').css({style:"something"}).parent().css({style:"somethingElse"});//이렇게 하면 됨

이렇게 chain을 이용하여 쉽게 할수 있음 

 

너무 많으면 헷갈리기 때문에 엔터키를 어떤 새로운 node를 select할때 적절하게 사용해주자.