jQuery 선택자 테스터

실시간 미리보기로 CSS 및 jQuery 선택자를 테스트하고 디버그하세요.

선택기 라이브러리

테스트 선택자

jQuery 3.7.1
$("
")

실시간 미리보기

일치 항목 0개

<h1>jQuery 테스터에 오신 것을 환영합니다</h1>

<div class="intro">

<p>제 이름은 빌입니다 <span id="Lastname">게이트</span></p>

<p id="my-Address">저는 미국에 살고 있습니다</p>

<p>저는 친구가 많습니다:</p>

</div>
<ul id="Listfriends">
  • <li>미키</li>
  • <li>데이지</li>
  • <li>구피</li>
  • <li>명왕성</li>
</ul>

<p>그 중에서 저는 미키를 정말 좋아해요!!</p>

<p lang="it" title="Hello beautiful">루시와 톰</p>

<table>
태양계 내행성
수은금성
지구화성
목성토성
</table>

선택자 정보

기본 선택자

ID, 클래스, 태그 이름, 그리고 유니버셜 선택자는 jQuery 타겟팅의 기초를 형성합니다.

계층 구조

요소 간 관계(부모, 자식, 형제)를 기준으로 요소를 선택하세요.

필터

선택을 세밀하게 조정하는 :first, :last, :even, :odd와 같은 강력한 의사 클래스.

안전하고 빠름

모든 처리는 귀하의 브라우저에서 이루어집니다. 귀하의 HTML 콘텐츠는 어떤 서버에도 업로드되지 않습니다.

실시간 하이라이트