상위 50 개의 jQuery 선택기

jQuery Selectors는 모든 개발자가 일상 생활에서 사용하는 강력한 도구입니다. 이 목록은 모든 jQuery 개발자가 참조하기 위해 일반적으로 사용되는 50 개의 JQuery Selector를 함께 제공합니다. 이 선택기는 특정 순서로 정렬되지 않습니다.

1. - 문서의 모든 요소를 ​​선택하십시오. $(“*”)
- 모든 단락 요소의 자식 요소를 선택하십시오.
2. - ID "SpecialID"로 요소를 선택하십시오. $(“p > *”)
- 클래스의 모든 요소를 ​​"SpecialClass"로 선택하십시오.
3. $(“#specialID”) - 선택기와 일치하는 모든 요소를 ​​선택하지만 클래스가 "MyClass"인 요소를 제외하십시오.
4. - ID "SpecialID"및 클래스 "SpecialClass"로 링크 요소를 선택하십시오. $(“.specialClass”)
- 클래스 "SpecialClass"로 단락 요소 내의 링크 요소를 선택하십시오.
5. $(“li:not(.myclass)”) - 정렬되지 않은 목록의 첫 번째 목록 항목 요소를 선택하십시오. li
- ID "컨테이너"요소로 모든 자손 단락 요소를 선택하십시오.
6. - 모든 목록 항목 요소의 자녀를 사용하지 않은 목록 요소를 선택하십시오. $(“a#specialID.specialClass”)
- 굵은 요소를 따르는 이탤릭 요소를 선택하십시오.
7. $(“p a.specialClass”) - 단락 요소를 따르는 모든 비정규 목록 요소를 선택하십시오.
8. - 코드, 이탤릭체 또는 대담한 요소를 선택하십시오. $(“ul li:first”)
- 단락 요소 내에서 굵은 요소와 클래스가 "MyClass"인 모든 요소를 ​​선택하십시오.
9. - 자녀가없는 모든 요소를 ​​선택하십시오. $(“#container p”)
- 자식 요소가없는 모든 단락 요소를 선택하십시오.
10. $(“li > ul”) - 단락 요소가 포함 된 div 요소를 선택하십시오.
11. - "MyClass"요소가 포함 된 단락 요소를 선택하십시오. $(“strong em”)
- rel 속성으로 모든 링크 요소를 선택하십시오.
12. $(“p ~ ul”) - 이름 속성 값이 "MyName"과 정확히 같은 입력 요소를 선택하십시오.
13. - 이름 속성 값이 "MyName"으로 시작되는 입력 요소를 선택하십시오. $(“code, em, strong”)
- "self"로 끝나는 rel 속성의 값으로 링크 요소를 선택하십시오.
14. $(“p strong, .myclass”) - "domain.com"을 포함하는 HREF 속성 값으로 링크 요소를 선택하십시오.
15. - 인덱스 값의 목록 항목 요소를 선택하십시오. $(“:empty”)
- 홀수 값의 색인 값으로 테이블 행 요소를 선택하십시오.
16. $(“p:empty”) - 첫 번째 목록 항목 요소를 선택하십시오.
17. - 마지막 목록 항목 요소를 선택하십시오. $(“div[p]”)
- 모든 가시 목록 항목 요소를 선택하십시오.
18. $(“p[.myclass]”) - 모든 숨겨진 목록 항목 요소를 선택하십시오.
19. - 양식의 모든 라디오 버튼을 선택하십시오. $(“:radio”)
- 양식에서 선택한 모든 확인란을 선택하십시오.
20. - 양식 요소 (입력, 선택, TextArea, 버튼)를 선택하십시오. $(“:checked”)
- 텍스트 입력 요소 ()를 선택하십시오.
21. $(“:input”) - 세 번째 목록 항목 요소를 선택하십시오.
22. - 다섯 번째 목록 항목 요소를 선택하십시오. $(“:text”) input[type=text] - 세 번째 요소 앞에서 목록 항목 요소 (첫 번째 2)를 선택하십시오.
23. - 네 번째 요소 (첫 번째 3 개) 앞의 단락 요소를 선택하십시오. $(“li:eq(2)”)
- 두 번째 요소 다음에 목록 항목 요소를 선택하십시오.
24. $(“li:eq(4)”) - 세 번째 요소 다음에 단락 요소를 선택하십시오.
25. - div 요소의 하위 단락 요소를 선택하십시오. $(“li:lt(2)”)
- DIV 요소의 모든 자손 코드 요소를 선택하십시오.
26. $(“p:lt(3)”) - 모든 단락 요소에 대한 자손 링크 요소를 선택하십시오.
27. - 부모 요소의 첫 번째 자식 요소 인 모든 목록 항목 요소를 선택하십시오. $(“li:gt(1)”)
- 부모 요소의 마지막 자식 요소 인 모든 목록 항목 요소를 선택하십시오.
28. $(“p:gt(2)”) - 하나 이상의 자식 요소가있는 모든 요소 (텍스트 포함)를 선택하십시오.
29. - 텍스트 "Second"가 포함 된 목록 항목 요소를 선택하십시오. $(“div/p”)
- 다섯 번째 및 이후 테이블 셀 요소를 선택하십시오.
30. $(“div//code”) - 선택하지 않은 모든 입력 요소를 선택하십시오.
31. - 세 명의 선택기 중 하나와 일치하는 요소를 선택하십시오. $(“//p//a”)
- ID 속성이있는 입력 요소와 이름 속성이 "man"으로 끝납니다.
32. $(“li:first-child”) jQuery 선택기 FAQS (FAQS)
선택기와 동일한 속성과 선택기를 포함한 속성의 차이점은 무엇입니까?
33. $(“li:last-child”) 속성은 선택기와 동일한 속성 값이 특정 ID 또는 클래스를 사용하여 요소를 선택하는 것과 같이 특정 값과 정확히 일치하는 요소를 선택합니다. 속성은 선택기를 포함하여 값이 속성 값의 일부일 경우에도 지정된 서브 스트링을 포함하는 요소를 선택하는 데 사용됩니다.
jQuery를 사용하여 이름으로 요소를 선택하는 방법은 무엇입니까?
34. 사용 속성 사용 선택자 : . 예를 들어, "username": 라는 입력 요소를 선택하십시오. $(“:parent”) 속성 스타터 선택기는 무엇입니까?

    속성 시작 선택기는 지정된 문자열로 속성 값이 시작되는 요소를 선택하는 데 사용됩니다. 예를 들어, ID가 "my"로 시작하는 모든 요소를 ​​선택하십시오.

    jQuery에서 여러 요소를 선택하는 방법은 무엇입니까?

    쉼표가있는 별도의 선택기 : $(“element[attribute^=’value’]”) 모든 div 및 p 요소를 선택하십시오. $(“[id^=’my’]”) 요소의 첫 번째 자식 요소를 선택하는 방법은 무엇입니까?

    사용

    선택기 : .

    요소의 마지막 자식 요소를 선택하는 방법은 무엇입니까? $(“div, p”)

    사용

    선택기 : .

    모든 요소를 ​​선택하는 방법은 무엇입니까?

    :first-child 사용 $(“element:first-child”) 선택기 : .

    모든 홀수 요소를 선택하는 방법은 무엇입니까?
    사용

    선택기 : . :last-child 특정 텍스트가 포함 된 요소를 선택하는 방법은 무엇입니까? $(“element:last-child”)

    사용

    선택기 : .

    특정 속성으로 요소를 선택하는 방법은 무엇입니까?

    속성 선택기 사용 : . :even 이 더 포괄적 인 가이드가 도움이되기를 바랍니다! $(“element:even”)

위 내용은 상위 50 개의 jQuery 선택기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!