jQuery 학습 2 선택기 지침_jquery

1. 기본 CSS 선택기 사용:
a: 모든 링크
#*: ID가 *
.*인 요소와 일치합니다. *
a#*id.*class: ID가 *id인 링크와 일치하며 CSS 클래스 *class 요소가 있습니다.
위는 jQuery에서 $("")로 래핑되어 CSS로 작성된 방법입니다. 예: jQuery("p a.Class")

하위 선택기, 컨테이너 선택기 및 속성 사용 선택 다음을 예로 들어 보겠습니다.

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

< ;ul class ="myList">

jQuery는

;a href "css1">CSS1

CSS3
　

기본 XPath< ;/li>

• 양식 선택기

첫 번째 목록

에 있는 링크의 경우 하위 선택기를 사용해야 합니다. ul.myList > li >a 이 ul.myList li a와는 달리 모든 링크 ;li> 요소.
하위 선택기: 상위 노드와 직계 하위 노드는 대괄호(>)로 구분되어 오른쪽을 가리킵니다.
속성 선택기: 특정 콘텐츠와 일치하는 요소를 래핑합니다. 예를 들어 http://로 시작하는 href 값이 포함된 링크를 선택합니다. a[href^=http://]
input[type=text]: type 속성이 있는 모든 is text div[title=^my]: title 속성 값이 my로 시작하는 모든

요소와 일치합니다.
위치별 선택

a: 첫 번째: 선택기가 페이지의 첫 번째 요소와 일치합니다.
p: 홀수, p: 짝수는 각각 홀수 및 짝수 요소와 일치합니다.
나머지는 다릅니다. 필요한 경우 관련 웹사이트로 이동하여 찾을 수 있습니다.

성명：

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