다음 표에는 몇 가지 기본 선택기 목록이 나열되어 있으며 예제를 통해 설명합니다. DOM에서 지정된 ID와 함께 사용할 수 있는 태그를 나타냅니다. 예를 들어 $(#some-id`)는 일부 ID의 ID가 있는 문서의 단일 요소를 선택합니다. jQuery 선택기를 사용하면 HTML 요소를 선택하고 조작할 수 있습니다. 일반적인 방법으로 모든 HTML/XML 요소와 함께 위의 모든 선택기사용할 수 있습니다. 예를 들어 selector $(“li:first”)가

  • 요소에 대해 작동하는 경우 $(“p:first”)는

    요소에 대해서도 작동합니다. 이 선택기는 문서의 모든 요소를 선택합니다. jQuery 선택기는 이름, ID, 클래스, 유형, 특성, 특성 값 등을 기반으로 HTML 요소를 “찾거나 선택”하는 데 사용됩니다. 기존 CSS 셀렉터를 기반으로 하며, 또한 일부 사용자 지정 선택기도 있습니다. 이 섹션에는 최신 jQuery JavaScript 라이브러리에 속하는 선택기의 포괄적인 목록이 포함되어 있습니다. 모든 선택기는 범주로 그룹화됩니다. 선택기 표현식 매개변수는 요소와 일치하는 패턴을 지정합니다. jQuery는 CSS 선택기 패턴과 자체 패턴을 사용하여 요소와 일치합니다.

    예를 들어 다음 jQuery 코드는 문서를 조작할 준비가 되면 ID 특성 id=”mark”를 갖는 요소를 선택하고 강조 표시합니다. 위의 모든 항목은 단독으로 사용하거나 다른 선택기와 함께 사용할 수 있습니다. 모든 jQuery 선택기는 일부 조정을 제외한 동일한 원칙을 기반으로 합니다. 예를 들어 클래스 선택기를 요소 선택기와 결합하여 특정 형식 및 클래스가 있는 문서의 요소를 찾을 수 있습니다. csS 정의 선택기 외에도 jQuery는 페이지에서 요소를 선택하는 기능을 더욱 향상시키기 위해 자체 사용자 지정 선택기를 제공합니다. jQuery 라이브러리는 CSS(계단식 스타일 시트) 선택기의 강력한 성능을 활용하여 문서 개체 모델(DOM)의 요소 또는 요소 그룹에 빠르고 쉽게 액세스할 수 있도록 합니다. “prev” 요소 다음에 따르는 모든 형제 요소를 선택하고, 동일한 부모를 가지며, 필터링 “형제” 선택기와 일치합니다. 특성 선택기를 사용하여 링크의 대상 특성 이나 입력의 형식 특성 등 HTML 특성 중 하나에서 요소를 선택할 수 있습니다. jQuery 선택기는 jQuery 라이브러리의 가장 중요 한 부분 중 하나입니다. ID 선택기 패턴을 사용하여 특정 요소를 얻을 수 있습니다. 참조를 가져올 요소의 ID를 #기호로 지정합니다. CSS 선택기를 결합하여 선택을 더욱 정확하게 할 수도 있습니다.

    ID 선택기를 사용하여 페이지에 고유 ID가 있는 단일 요소를 선택할 수 있습니다. 선택기는 매우 유용하며 jQuery를 사용하는 동안 모든 단계에서 필요합니다. HTML 문서에서 원하는 정확한 요소를 가져옵니다. jQuery 선택기를 사용하면 웹 페이지에서 DOM 요소를 찾을 수 있습니다. 대부분의 경우 jQuery에서 selector 함수 $()로 시작합니다. 이 선택기는 특수 클래스가 있는 모든 요소를 가져옵니다클래스. 위의 예에서 $(document).ready()는 jQuery를 사용하여 페이지를 안전하게 조작하는 데 사용되는 이벤트입니다.