반응형
Chain 이란
jquery의 메소드들은 반환값으로 자기 자신을 반환해야 한다는 규칙을 가지고 있습니다. 이를 이용하면 한번 선택한 대상에 대해서 연속적인 제어를 할 수 있습니다.
즉 자기 자신을 포함하는 래퍼를 모든 메서드가 반환합니다.
- 여러줄의 코드를 한줄로 표현 가능~
Chain의 장점
- 코드가 간결해집니다.
- 인간의 언어와 유사해서 사고의 자연스러운 과정과 일치함.
- 하나의 주어를 여러가지 서술어가 묘사 할 수 있습니다.
탐색 (traversing)
- chain의 대상을 바꿔서 채인을 계속 연장시킬 수 있습니다.
- 너무 복잡한 chain은 코드의 가독성을 떨어 뜨립니다.
예제)
- find(.foo) -> 주어진 래퍼의 자식 앨리먼트중 class명이 foo인 엘리먼트를 찾아라!
- end() -> 마지막으로 사용한 traverse를 취소합니다. 즉 위의 경우 find('.foo')를 취소하고 컨텍스트가 ul.first로 전환됩니다.
반응형
'웹 프론트 > Vue.js, Jquery, PWA' 카테고리의 다른 글
Vue.js - v-if v-else 디렉티브 / 보간법 / v-model / ref [강좌 1강정리] (0) | 2019.12.03 |
---|---|
PWA란? PWA의 특징 (0) | 2018.09.28 |
jquery - html과 text 메소드의 차이 (0) | 2018.08.30 |
jquery의 선택자 (0) | 2018.08.13 |
jquery의 래퍼 (0) | 2018.08.13 |