<strong>1. 기본 CSS 선택기 사용: <br></strong>a: 모든 링크 <a> <br>#*: ID가 *<br>.*인 요소와 일치합니다. *<br>a#*id.*class: ID가 *id인 링크와 일치하며 CSS 클래스 *class 요소가 있습니다. <br>위는 jQuery에서 $("")로 래핑되어 CSS로 작성된 방법입니다. 예: jQuery("p a.Class") <br><br>하위 선택기, 컨테이너 선택기 및 속성 사용 선택 다음을 예로 들어 보겠습니다. <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="56649" class="copybut" id="copybut56649" onclick="doCopy('code56649')"><u>코드 복사 </u></a></span> 코드는 다음과 같습니다. </div> <div class="codebody" id="code56649"> <br>< ;ul class ="myList"> <br><li><a href=http://jquery.com>jQuery는</a> <br><li> ;a href "css1">CSS1</a></li> <br> <a href="css3">CSS3</a></li> <br> <li>기본 XPath< ;/li> <br></li> <br><ul> <br></li> <li>양식 선택기</li> <br> </li> <br></ul> <br><br> <br> 첫 번째 목록 <li>에 있는 링크의 경우 하위 선택기를 사용해야 합니다. ul.myList > li >a 이 ul.myList li a와는 달리 모든 링크 <a> ;li> 요소. <br>하위 선택기: 상위 노드와 직계 하위 노드는 대괄호(>)로 구분되어 오른쪽을 가리킵니다. <br>속성 선택기: 특정 콘텐츠와 일치하는 요소를 래핑합니다. 예를 들어 http://로 시작하는 href 값이 포함된 링크를 선택합니다. a[href^=http://] <br>input[type=text]: type 속성이 있는 모든 <input> is text div[title=^my]: title 속성 값이 my로 시작하는 모든 <div> 요소와 일치합니다. <br>위치별 선택</div>a: 첫 번째: 선택기가 페이지의 첫 번째 <a> 요소와 일치합니다. <br>p: 홀수, p: 짝수는 각각 홀수 및 짝수 요소와 일치합니다. <br> 나머지는 다릅니다. 필요한 경우 관련 웹사이트로 이동하여 찾을 수 있습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
