jQuery 3부 읽기(선택기 작성)_jquery

각 기사의 핵심 사항을 설명하기 위해 샘플 코드가 가장 간소화되었습니다. 예를 들어 선택기는 HTMLElement 및 id만 전달할 수 있습니다.

이 글에서는 2/8 원칙에 따라 선택기를 강화할 것이며 여기서는 가장 일반적으로 사용되는 것만 구현하겠습니다.


1, id로 획득, 이 요소는 고유함
$('#id')

2, className으로 획득
$('.cls') className이 cls
$('.cls', el)
$('.cls', '#id')$('span.cls') 문서에서 className이 cls인 모든 범위 요소를 가져옵니다.
$('span.cls', el) 지정된 요소에서 className이 cls인 요소를 가져옵니다. el은 HTMLElement입니다(권장되지 않음) )
$('span.cls', '#id') 지정된 id가


3인 요소 중 className이 cls인 요소를 가져오고 $를 가져옵니다. (' tagName 범위를 통해') 문서의 모든 범위 요소를 가져옵니다.
$('span', el) 지정된 요소의 범위 요소를 가져옵니다. el은 HTMLElement입니다(권장하지 않음)
$('span', '#id') 지정된 id가


4인 요소에서 스팬 요소를 가져오고, 속성을 통해 $('[name]')을 가져옵니다. 속성 이름이 있는 요소를 가져옵니다. 문서에서
$( '[name]', el)
$('[name]', '#id')
$('[name=uname]') 속성이 있는 모든 요소 가져오기 문서의 name=uname
$('[name=uname]', el)
$('[name=uname]', '#id')
$('input[name=uname ]') 문서의 모든 속성 이름 가져오기 =uname의 입력 요소
$('input[name=uname]', el)
$('input[name=uname]', '#id')


예: