본문 바로가기
웹 프론트엔드/Vue.js, Jquery, PWA

jquery의 chain

by 번데기 개발자 2018. 8. 13.
반응형
Chain 이란


jquery의 메소드들은 반환값으로 자기 자신을 반환해야 한다는 규칙을 가지고 있습니다. 이를 이용하면 한번 선택한 대상에 대해서 연속적인 제어를 할 수 있습니다.

즉 자기 자신을 포함하는 래퍼를 모든 메서드가 반환합니다.





    • 여러줄의 코드를 한줄로 표현 가능~


Chain의 장점

    • 코드가 간결해집니다.
    • 인간의 언어와 유사해서 사고의 자연스러운 과정과 일치함.
    • 하나의 주어를 여러가지 서술어가 묘사 할 수 있습니다.




탐색 (traversing)

    • chain의 대상을 바꿔서 채인을 계속 연장시킬 수 있습니다.
    • 너무 복잡한 chain은 코드의 가독성을 떨어 뜨립니다.


예제)




  • find(.foo) -> 주어진 래퍼의 자식 앨리먼트중 class명이 foo인 엘리먼트를 찾아라!
  • end() -> 마지막으로 사용한 traverse를 취소합니다.  즉 위의 경우 find('.foo')를 취소하고 컨텍스트가 ul.first로 전환됩니다.















반응형