>  기사  >  웹 프론트엔드  >  jquery 속성 필터 선택기란 무엇입니까?

jquery 속성 필터 선택기란 무엇입니까?

青灯夜游
青灯夜游원래의
2020-11-13 17:12:533397검색

jquery 속성 필터 선택기는 "[attribute]", "[attribute=value]", "[attribute*=value]", "[attribute~=value]", "[attribute!=value]", " [속성^=값]" 등이 있습니다.

jquery 속성 필터 선택기란 무엇입니까?

【관련 권장 사항: jQuery 비디오 튜토리얼

jquery 속성 필터 선택기

HTML 문서에서 요소의 시작 태그에는 일반적으로 jQuery에서 여러 속성이 포함됩니다. id 및 class 속성을 선택자로 사용하면 선택기가 쿼리한 요소를 다양한 속성(예: 제목 등)에 따라 필터링할 수도 있습니다.

속성 필터링 선택기는 다음으로 시작하는 대신 대괄호 "[ ]" 안에 포함됩니다. 일반적으로 "selector [속성 필터 선택기]" 구문 형식을 사용하는 콜론. 이는 지정된 속성을 포함하는지 또는 속성 값을 기반으로 쿼리된 요소를 필터링할 수 있습니다.

1 주어진 속성이 특정 값과 동일한 모든 요소를 ​​필터링하는 데 사용됩니다.

$("selector[attribute]")

예:

     $("selector[attribute=value]");

3: 속성에 "[attribute *= value]" 필터가 포함되어 있습니다.

지정된 속성을 선택하는 데 사용됩니다. 주어진 문자를 포함하는 값 문자열의 모든 요소

형식:

$("input[name=accept]").attr("checked", "true");  //将name为accept的复选框选中

예:

$("selector[attribute*=value]")

4: 속성에 단어 필터 "[속성 ~= 값]"이 포함됨

다음을 포함하는 지정된 속성 값을 선택하는 데 사용됩니다. 주어진 단어(공백으로 구분) 요소

형식:

$("input[name*='news']").val("name中包含有news的元素");  //将name中包含'news'的文本框添加文本值

예:

$("selector[attribute~=value]");

5: 속성이 필터 "[attribute !=value]"와 동일하지 않습니다.

지정된 항목을 포함하지 않도록 선택하는 데 사용됩니다. 속성을 포함하거나 속성이 포함되지 않지만 특정 값과 동일한 모든 요소

형식:

$('input[name~='news']').val("name中包含news单词的元素");

6: 속성 시작 필터 "[attribute ^= value]"

다음과 같은 모든 요소를 ​​선택하는 데 사용됩니다. 주어진 속성은 특정 값으로 시작합니다.

형식:

$("selector[attribute!=value]")

7: 속성 종료 필터 "[attribute $= value]"

주어진 속성이 특정 값으로 끝나는 모든 요소를 ​​선택하는 데 사용됩니다.

형식:

$("selector[attribute^=value]")

8: 복합 속성 필터 도구

여러 조건을 동시에 충족하는 모든 요소를 ​​선택하는 데 사용됩니다.

형식:

$("selector[attribute$=value]")

예:

$("selector[selector1][selector2]...[selector[N]")

더 많은 프로그래밍 관련 지식을 보려면 다음을 방문하세요.

프로그래밍 비디오 ! !

위 내용은 jquery 속성 필터 선택기란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.