Jquery 선택기는 클래스 이름을 통해 ID 인스턴스 공유를 얻습니다.

이 기사에서는 클래스 이름을 통해 ID 인스턴스를 얻는 Jquery 선택기를 주로 공유합니다.

클래스 이름으로 가져오기

클래스 이름 앞에 .를 추가하세요.

var a = $('.red'); // 所有节点包含 `class="red"` 都将返回
// 例如:
// <p class="red">...</p>
// <p class="green red">...</p>

"car" 및 "bus"와 같이 동시에 여러 클래스 이름이 포함된 개체를 찾습니다. time

var a = $('.car.bus'); // 注意没有空格！
// 符合条件的节点：
// <p class="car bus">...</p>
// <p class="blue bus car">...</p>

By p의 클래스 이름으로 p의 ID를 가져옵니다

때때로 우리는 p의 클래스 이름에 이름 중 하나가 포함되어 있다는 것만 알고 해당 ID를 가져오고 싶을 때가 있습니다.

$(".tab-pane.active").attr("id")
// 符合条件的结果：
one
// <p class="tab-pane bus active" id="one">...</p>

ID를 통해 p의 클래스를 가져옵니다. name of p

$(".tab-pane.active").attr("id")
$("p #hrefMenu0").attr("class")
// 符合条件的结果：
tab-pane bus active
// <p class="tab-pane bus active" id="hrefMenu0">...</p>

p의 클래스 이름으로 p

$(".tab-pane.active").children().attr("id")// 获取到以下两个id:content，page<p class="tab-pane active">
      <p id="content"></p>
      <ul id="page"></ul>
</p>

아래의 하위 집합 노드 ID를 가져옵니다. p

$(".tab-pane.active").next().attr("id")// 获取到以下id:content<p class="tab-pane active">
</p>
 <p id="content"></p>

클래스 이름을 통해 p 아래의 피어 노드 ID를 가져옵니다. 관련 권장 사항:

설명 jQuery 선택기에서 특수 기호를 처리하는 방법

jquery 선택기 실습에 대한 자세한 설명

jQuery 선택기에서 속성 필터 선택기의 예를 공유합니다

위 내용은 Jquery 선택기는 클래스 이름을 통해 ID 인스턴스 공유를 얻습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!