jQuery 선택기는 모든 상위 요소와 하위 요소를 한 번에 가져옵니다.

이번에는 모든 상위 요소와 다음 요소를 한 번에 가져올 수 있는 jQuery 선택기를 가져왔습니다. jQuery 선택기가 모든 상위 요소와 다음 요소를 한 번에 가져올 수 있다는 주의 사항은 무엇입니까? 다음은 실제 사례입니다. 일어나서 살펴보세요.

1. 상위 요소를 가져옵니다.

$("#id").parent()$("#id").parent()

获取其父级元素

$("#id").parents()

获取其所有的祖先元素

$("#id").closest()

获取其最近的祖先元素，依次上溯

--------------------------------------------------------------------------------

2.获取同级元素

$("#id").<a href="http://www.php.cn/wiki/1071.html" target="_blank">next</a>(selector)

获得匹配元素紧邻的下一个同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。

$("#id").nextAll(selector)

获得匹配元素后面的所有同胞元素，由选择器筛选是可选的。

$("#id").<a href="http://www.php.cn/wiki/1074.html" target="_blank">prev</a>(selector)

获得匹配元素紧邻的前一个同胞元素（与next相反）

$("#id").prevAll(selector)

获得当前匹配元素前面的所有同胞元素（与nextAll相反）

--------------------------------------------------------------------------------

3.获取子元素

$("#id").children(selector)

返回匹配元素的子元素，添加可选参数可通过选择器进行过滤。

$("#id").find(selector)

상위 요소를 가져옵니다.

$("#id"). ()

모든 상위 요소를 가져옵니다

$("#id").closest()

가장 가까운 상위 요소를 가져오고 순서대로 올라갑니다

-- ------------------------------------- ---------------

2. 형제 요소 가져오기
$("#id") . <a href="http://www.php.cn/wiki/1071.html" target="_blank">next</a>

(selector)

일치하는 요소 바로 옆에 있는 다음 형제 요소를 가져옵니다. 선택기가 제공되면 선택기와 일치하는 다음 형제 요소를 검색합니다.
$("#id").nextAll(selector)

일치하는 요소 뒤의 모든 형제 요소를 가져옵니다. 선택기로 필터링하는 것은 선택 사항입니다. $("#id").<a href="http://www.php.cn/wiki/1074.html" target="_blank">prev<br>(선택기)</a>

일치된 요소의 바로 이전 형제 요소 가져오기(다음과 반대) $("#id").prevAll(selector)

현재 일치하는 요소 앞에 있는 모든 형제 요소 가져오기 (nextAll의 반대) 🎜🎜---------------------------- -------- ---------------------🎜🎜🎜3. 하위 요소 가져오기 🎜🎜🎜$( "#id").children(selector)🎜🎜 일치하는 요소의 하위 요소를 반환합니다. 선택기를 통해 필터링하려면 선택적 매개변수를 추가하세요. 🎜🎜$("#id").find(selector)🎜🎜현재 요소의 자손 가져오기🎜🎜🎜🎜🎜🎜이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. , PHP 중국어 홈페이지🎜기타🎜 관련 기사에 더 많은 흥미로운 내용을 기대해주세요! 🎜🎜추천 자료: 🎜🎜🎜jquery에서 ajax를 요청하고 servlet에서 ajax에 응답🎜🎜🎜🎜🎜jquery를 구현하여 시작 페이지에서 즉시 데이터를 로드합니다.🎜🎜🎜🎜🎜입력 상자와 드롭다운 상자의 연결 효과 실현🎜 🎜🎜🎜 🎜Jquery 드롭다운 상자 데이터를 동적으로 획득하는 방법🎜🎜🎜

위 내용은 jQuery 선택기는 모든 상위 요소와 하위 요소를 한 번에 가져옵니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!