jQuery에서 복합 선택기의 간단한 사용 예

이 글은 jQuery에서 복합 선택자의 간단한 사용법을 주로 소개하고, jQuery에서 복합 선택자의 개념, 기능, 응용 시나리오 및 관련 사용 방법을 예제 형식으로 분석합니다. 필요한 친구들이 참고할 수 있습니다.

이 글에서는 설명합니다. 예제가 포함된 jQuery 복합 선택기의 간단한 사용법. 참조를 위해 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.

소개

복합 선택기는 여러 선택기(ID 선택기, 요소 선택 또는 클래스 이름 선택기일 수 있음)를 결합합니다. 두 선택기는 쉼표로 구분됩니다. "," 필터 조건 중 하나라도 충족되면 일치합니다. 반환되는 것은 컬렉션 형태의 jQuery 패키징 세트입니다. jQuery 인덱서를 사용하여 컬렉션의 jQuery 개체를 얻을 수 있습니다.

여러 일치 조건을 가진 선택자는 이러한 선택자의 일치 조건을 동시에 충족하는 요소와 일치하지 않으며 대신 각 선택자와 일치하는 요소를 결합하여 함께 반환합니다.
복합 선택자의 사용법은 다음과 같습니다.

$(" selector1,selector2,selectorN");

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

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

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

예를 들어 CSS 클래스 myClass를 사용하여 문서의 모든 45a2772a6b6107b401db3c9b82c049c2 태그와 e388a4556c0f65e1904146cc1a846bee 태그를 쿼리하려면 다음 jQuery 코드를 사용할 수 있습니다.

페이지에 3가지 다른 요소를 추가하고 스타일을 균일하게 설정하세요. 복합 선택기를 사용하여 e388a4556c0f65e1904146cc1a846bee 요소와 id 속성 값이 범위인 요소를 필터링하고 여기에 새 스타일을 추가합니다.

Three Code

$("span,p.myClass");

Four Running results

위 내용은 앞으로 모두에게 도움이 되기를 바랍니다.

관련 기사: vue에서 코드 사양 감지를 제거하는 두 가지 방법

Vue 프로젝트는 eslint 검증을 끕니다.

JS 방법으로 불규칙한 다차원 배열 횡단을 구현합니다.

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