자바스크립트 전체 선택 기능으로 인한 혼란

Question

코드를 직접 업로드하세요
코드는 다음과 같습니다. 전체 선택 기능은 사용하기 쉽지 않습니다

으아아아

문장 바꾸기

으아아아

아래에 _input을 넣으면 코드가 정상적으로 실행되는 이유는 무엇인가요? 범위에 따라 콜백 함수에서 외부 변수를 가져올 수는 없나요?

Answer 1

두 가지 모두 직접 테스트할 수 있습니다: https://jsfiddle.net/8j9q69qm/

Answer 2

테스트해보니 둘 다 괜찮네요

Answer 3

아니요, 다 똑같습니다

Answer 4

으아악

로그를 살펴보면 알 수 있습니다. 정의되지 않은 경우 문제가 어디에 있는지 알 수 있습니다.

Answer 5

하나는 노드를 미리 확인해서 캐싱하는 것이고, 다른 하나는 클릭 시 실시간으로 노드를 확인하는 것입니다. #shop_content ul input[type=checkbox] 선택기에 해당하는 노드가 변경되지 않는 경우 두 방법은 동일하며 캐싱 효율성이 상대적으로 높습니다. 해당 노드가 삭제, 추가, 교체될 경우

를 클릭할 때마다 두 번째 방법을 이용하여 실시간으로 해당 노드를 찾아야 합니다.