jQuery 소스 코드 해석 hasClass() 메서드 analyze_jquery

이 글에서는 jQuery 소스코드 해석의 hasClass() 메소드를 좀 더 자세히 분석합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

jQuery.fn.extend({
HasClass: 함수( 선택기 ) {
//className에 검사할 클래스명 선택자를 할당하고, l은 선택기에 의해 현재 선택되어 있는지 확인하려는 jQuery 객체 배열의 길이이다.
          var className = " " 선택기 " ",
            i = 0,
              l = this.length;
//각 DOM 요소의 클래스 이름을 확인하는 루프
for ( ; i //this[i].nodeType === 1, 현재 DOM 노드의 노드 유형을 결정하고, 1은 요소 노드를 나타냅니다.
//this[i].className, 현재 DOM 노드의 기존 클래스 이름을 가져옵니다.
//rclass = /[trnf]/g, replacement(rclass, " ")는 현재 DOM 노드 클래스 이름에서 탭 문자, 줄바꿈 문자, 캐리지 리턴 문자 등을 제거한다는 의미입니다.
//indexOf(className), 현재 DOM 노드의 클래스 이름 검색을 시작하여 확인하려는 클래스 이름이 있는지 확인합니다. >=0이면 존재한다는 뜻이고 true를 반환하고 함수에서 빠져나옵니다. .
If ( this[i].nodeType === 1 && (" " this[i].className " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
                   true를 반환합니다.
            }
}
//루프 검사가 완료된 후 확인하려는 클래스 이름이 각 DOM 요소에 없는 것으로 확인되면 false를 반환하고 함수에서 빠져 나옵니다.
//jQuery 객체 배열에 있는 DOM 요소의 클래스 이름에 찾고 있는 클래스 이름이 포함되어 있으면 true를 반환하고 함수에서 빠져나오는 것을 볼 수 있습니다.
         false를 반환합니다.
}
});

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.