jQuery 다중 선택기

더 나은 솔루션을 위해 몇 줄의 코드를 보장하는 라이브러리인 jQuery는 기술적으로 매우 복잡하고 멋진 방식으로 작동합니다. 결과적으로 성능을 항상 너무 명시적으로 측정할 수는 없습니다.

그러나 여러 선택기로 작업할 때 일반 구현의 성능에 대한 질문이 있을 수 있습니다. 대부분의 개발자에 따르면 크게 다르지 않습니다.

다음 예제는 요소 선택기와 클래스 선택기와 함께 작동합니다. 다양한 콘텐츠를 처리할 때 드라이브가 간편하고 중요합니다.

jQuery에서 다중 선택기 사용

jQuery 다중 선택기 규칙을 통해 다양한 관심사의 선택기를 가져올 수 있으며 요구 사항에 따라 수정하거나 업데이트할 수 있습니다. 이 규칙에는 선택자를 초기화하는 기본 방법 외에 다른 구문이 없습니다.

여기서 강조하는 것은 선택자를 선택하고 쉼표로 구분하는 것입니다.

여기에는 여러 HTML 요소(div 및 p)가 있으며 일부 div는 특정 클래스 x와 연결됩니다. 우리는 클래스 x 및 p 태그가 있는 모든 div를 잡고 다른 색상으로 식별하는 것을 목표로 합니다.

데모를 위해 코드 펜스를 살펴보겠습니다.

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<div class="x">Content 1</div>
<p>Content 2</p>
<div>Content 3</div>
<p>Content 4</p>
<div>Content 5</div><br>
<div class="x">Content 6</div>
<script>
    $('p, .x').css({'color':'skyblue'});
</script>

출력:

몇 가지 다른 규칙은 개발의 다양한 측면에서 더 많은 유연성을 제공합니다. 다중 선택자를 처리하는 기존 방법에 대한 자세한 표를 보려면 여기를 방문하십시오.

또한 문서는 나머지를 더 명확하게 정의합니다.