jquery selector_jquery의 속성 필터 선택기에 대한 자세한 설명

코드 복사 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

Hello< ;/p>

ID 테스트가 있는 DIV

football
volleyball
농구
기타
< /body>

1. [속성] 사용법
정의: 주어진 속성을 포함하는 요소 일치

코드 복사 코드는 다음과 같습니다.

$("div[id]").addClass("highlight") //Find all ID 속성이 있는 div 요소

2. [속성=값] 사용법
정의: 주어진 속성이 다음과 같은 요소

와 일치합니다. 특정 값 코드 복사 코드는 다음과 같습니다.

$("input[name='basketball']").attr( "checked",true ); //name 속성 값이 Basketball인 입력 요소가 선택되었습니다.

3. [attribute!=value] 사용법
정의: 일치 해당 속성이 포함되지 않습니다. 특정 값을 갖는 요소

코드 복사 코드는 다음과 같습니다.

$("input[name !='basketball']").attr("checked",true); //농구 입력 요소에 name 속성 값이 선택되지 않았습니다.
//이 선택자는 동일합니다. to: not([attr=value]) 특정 속성을 포함하지만 특정 값과 같지 않은 요소를 일치시키려면 [attr]:not([attr=value])
$("input:not( input[name='basketball'])").attr ("checked",true);

4. [속성^=값] 사용법
정의: 주어진 속성이 특정 값으로 시작하는 요소 일치

코드 복사 코드는 다음과 같습니다.

$("input[name^='foot'] ").attr("checked",true); //이름이 'foot'으로 시작하는 모든 입력 요소를 찾습니다.

5. [attribute$=value] 사용법
정의: 지정된 속성이 특정 값으로 끝나는 요소와 일치합니다. ​​

코드 복사 코드는 다음과 같습니다.

$("input[name$='ball']").attr("checked",true); //모든 입력 요소를 찾습니다. 이름이 'ball'로 끝나는 경우

6. [속성*=값] 사용법
정의: 특정 값을 포함하는 요소로 주어진 속성을 일치시킵니다. ​

코드 복사 코드는 다음과 같습니다.

$("input[name*='sket'] ").attr("checked",true); //'sket'이 포함된 이름 입력 요소 모두 찾기

7. [selector1][selector2][selectorN] 사용법
정의: 여러 요구 사항을 동시에 충족해야 하는 복합 속성 선택기

를 사용하여 코드를 복사합니다. 코드는 다음과 같습니다:

$("input[id][name $='ball']").attr("checked",true); //id가 포함된 모든 속성을 찾습니다. 이름 속성은 공으로 끝납니다