jQuery에서 복합 선택기를 사용하는 방법

이번에는 jQuery에서 복합 선택기를 사용하는 방법과 jQuery에서 복합 선택기를 사용할 때 주의사항에 대해 알려드리겠습니다. 실제 사례를 살펴보겠습니다.

1 소개

복합 선택기는 여러 선택기를 결합합니다(ID 선택기, 요소 선택 또는 클래스 이름 선택기 가능). 두 선택기는 필터 중 하나가 충족되는 한 쉼표 ","로 구분됩니다. 일치하면 컬렉션 형태로 설정된 jQuery 래퍼가 반환됩니다. 컬렉션의 jQuery 개체는 jQuery 인덱서를 사용하여 얻을 수 있습니다.

일치 조건이 여러 개인 선택자는 해당 선택자의 일치 조건을 동시에 충족하는 요소를 일치시키지 않고, 대신 각 선택자에 일치하는 요소를 결합하여 함께 반환합니다.
복합선택기 사용법은 다음과 같습니다.

$(" selector1,selector2,selectorN");

selector1: 유효한 선택자이며 ID 선택자, 요소 없는 선택자 또는 클래스 이름 선택자 등이 될 수 있습니다.

selector2: ID 선택기, 요소 없는 선택기 또는 클래스 이름 선택기 등이 될 수 있는 또 다른 유효한 선택기입니다.

selectorN: (선택 사항) ID 선택기, 요소 없는 선택기 또는 클래스 이름 선택기 등 원하는 수의 선택기가 될 수 있습니다.

예를 들어 CSS 클래스 myClass를 사용하여 문서의 모든 태그와

태그를 쿼리하려면 다음 jQuery 코드를 사용할 수 있습니다.

두 가지 애플리케이션 페이지에 3가지 다른 요소를 추가하고 스타일을 균일하게 설정하세요. 복합 선택기를 사용하여

요소와 id 속성 값이 범위인 요소를 필터링하고 여기에 새 스타일을 추가합니다.

Three Codes

$("span,p.myClass");

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

추천 자료:

환경별로 Vue 프로젝트를 패키징하는 방법

Vue의 초보자 튜토리얼

위 내용은 jQuery에서 복합 선택기를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!