jquery의 속성 필터 선택기-JS 튜토리얼-php.cn

jquery의 속성 필터 선택기

巴扎黑

풀어 주다： 2017-06-21 10:16:28

원래의

1761명이 탐색했습니다.

이 글은 jqueryselector의 attributesfilter selector를 주로 소개하고 있으니 꼭 필요한 친구들이 와서 참고하시면 좋겠습니다.

코드는 다음과 같습니다.

<style type="text/css">
  /*高亮显示*/
  .highlight{   
   
background-color
: gray
  }
 </style>

로그인 후 복사

코드는 다음과 같습니다.

<body>
   <p>
      <p>Hello</p>
   </p>
   <p id="test">ID为test的p</p>
   <input type="checkbox" id="s1" name="football" value="足球" />足球
   <input type="checkbox" name="volleyball" value="排球" />排球
   <input type="checkbox" id="s3" name="basketball" value="篮球" />篮球
   <input type="checkbox" id="s4" name="other" value="其他" />其他
  </body>

로그인 후 복사

1. [속성] Usage
Definition: 지정된 속성을 포함하는 요소 일치

코드는 다음과 같습니다.

$("p[id]").addClass("highlight"); //查找所有含有ID属性的p元素

로그인 후 복사

2. : 특정 속성을 일치시킵니다. 특정 값

을 가진 요소의 코드는 다음과 같습니다:

$("input[name=&#39;basketball&#39;]").attr("checked",true);   //name属性值为basketball的input元素选中

로그인 후 복사

3 [attribute!=value] 사용법

정의: 주어진 속성을 다음 요소로 일치시킵니다. 특정 값을 포함하지 않습니다

코드는 다음과 같습니다:

$("input[name!=&#39;basketball&#39;]").attr("checked",true);   //name属性值不为basketball的input元素选中 
//此选择器等价于:not([attr=value])要匹配含有特定属性但不等于特定值的元素，请使用[attr]:not([attr=value])
$("input:not(input[name=&#39;basketball&#39;])").attr("checked",true);

로그인 후 복사

4. [attribute^=value] Usage
Definition: 특정 값으로 시작하는 지정된 속성을 일치시킵니다.

코드는 다음과 같습니다. 다음:

$("input[name^=&#39;foot&#39;]").attr("checked",true);  //查找所有 name 以 &#39;foot&#39; 开始的 input 元素

로그인 후 복사

5. [속성$=값] 사용법

정의: 특정 값으로 끝나는 지정된 속성을 일치시킵니다.

코드는 다음과 같습니다:

$("input[name$=&#39;ball&#39;]").attr("checked",true); //查找所有 name 以 &#39;ball&#39; 结尾的 input 元素

로그인 후 복사

정의: 특정 값으로 끝나는 지정된 속성과 일치

요소의 코드는 다음과 같습니다:

$("input[name*=&#39;sket&#39;]").attr("checked",true);  //查找所有 name 包含 &#39;sket&#39; 的 input 元素

로그인 후 복사

7 [selector1][selector2][selectorN] Usage

정의: 복합
속성 선택기, 여러 조건을 동시에 충족해야 할 때 사용됩니다
코드는 다음과 같습니다

$("input[id][name$=&#39;ball&#39;]").attr("checked",true);  //找到所有含有 id属性，并且它的 name属性是以 ball结尾的

로그인 후 복사

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

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

jquery의 속성 필터 선택기