jQuery 노드 옮 겨 다 니 는 방법 집합(추천)

1.children()방법:$('div').children()-div 요 소 를 찾 는 모든 하위 요소 노드 를 옮 겨 다 닙 니 다.

<p>Hello</p>
<div>
  <span>Hello Again</span>
  <p class="box">  !</p>
</div>
<p>And Again</p>
<script type="text/javascript">
  $('div').children();   //<span>Hello Again</span><p class="box">  !</p>
  $('div').children('.box')  //<p class="box">  !</p>
</script>

2.next()방법:$('div').next()-div 요 소 를 찾 은 후 인접 한 동급 요 소 는 모든 동급 요소 가 아 닙 니 다.
[관련 방법]
(1)nextAll()방법:$('div').nextAll()-div 이후 의 모든 동급 요 소 를 찾 습 니 다.
(2)nextUntil()방법:$('div').nextUntil('p')-div 를 찾 은 후 p 요소 의 모든 동급 요 소 를 찾 습 니 다.

<p>Hello</p>
<p class="box">Hello Again</p>
<div>
  <span>And Again</span>
</div>
<script type="text/javascript">
  $('p').next();   //<p>Hello Again</p><div><span>And Again</span></div>
  $('p').next('.box');  //<p class="box">Hello Again</p>
</script>

3.prev()방법:$('div').prev()-div 이전에 인접 한 동급 요 소 를 찾 습 니 다.
[관련 방법 은]
(1)prevAll()방법:$('div').prevAll()-div 이전의 모든 동급 요 소 를 찾 습 니 다.
(2)prevUntil()방법:$('div').prevUntil('p')-div 를 찾기 전에 p 요소 의 모든 요 소 를 찾 습 니 다.

<p>Hello</p>
<div>
  <span>Hello Again</span>
</div>
<p>And Again</p>
<script type="text/javascript">
  $('p').prev();  //<div><span>Hello Again</span></div>
</script>

4.siblings()방법:$('div').siblings()-div 전후 모든 동급 요 소 를 찾 습 니 다.
5.find()방법:$('div').find('span')-div 요소 의 하위 요 소 를 찾 고 span 요소 입 니 다.
6.eq()방법:$('div').eq(1)-두 번 째 div 요 소 를 찾 습 니 다(색인 아래 표 시 는 0 부터)
7.first()방법:$(li).first()-첫 번 째 li 요 소 를 가 져 옵 니 다.
8.last()방법:$(li).last()---마지막 li 요 소 를 가 져 옵 니 다.
9.filter()방법:$('div').filter('box')-box 라 는 div 요 소 를 가 져 옵 니 다.
10.is()방법:$('box').is('div')  ---- .box 가 div 요소 인지 판단 하기
11.map()방법:$('div').map(callback)---div 마다 callback 함 수 를 실행 합 니 다.
예:input 요 소 를 옮 겨 다 니 며 value 값 을 가 져 옵 니 다.","p 요소 뒤에 분리 해서 추가 합 니 다.

<p><b>Values: </b></p>
<form>
 <input type="text" name="name" value="John"/>
 <input type="text" name="password" value="password"/>
 <input type="text" name="url" value="http://ejohn.org/"/>
</form>
<script type="text/javascript">
  $("p").append( $("input").map(function(){
     return $(this).val();
    }).get().join(", ") );  //<p>John, password, http://ejohn.org/</p> 
</script>

12.hasClass()방법:$('div').hasClass('box')-box 라 는 이름 을 가 진 div 찾기
13.has()방법:$('div').has('span')---span 요 소 를 포함 한 div 요 소 를 찾 습 니 다.
14.not()방법:$('div').not('span')---span 요소 가 포함 되 지 않 은 div 요 소 를 찾 습 니 다.
15.slice()방법:$(p).slice(0,2)-첫 번 째 p 요 소 를 세 번 째 p 요소 로 찾 습 니 다.
16.offsetParent()방법:$('p').offsetParent()-p 요소 의 첫 번 째 포 지 셔 닝 된 조상 요 소 를 찾 습 니 다.
17.parent()방법:$(p).parent()-p 요 소 를 포함 한 유일한 부모 노드 의 요소 집합 을 되 돌려 줍 니 다.
18.parents()방법:$(p).parent()-p 요 소 를 포함 한 모든 조상 노드(뿌리 노드 포함 하지 않 음)를 되 돌려 줍 니 다.
19.parent Until()방법:$(p).parent Until('\#box')-p 요소 의 조상 급 요 소 를 찾 습 니 다\#box 까지
20.contents()방법:$('div').contents()-div 요소 의 모든 하위 노드(텍스트 노드 포함)를 되 돌려 줍 니 다.
21.end()방법:$('div').find('span').end()-문장의 주 체 를 이전 상태 로 바 꿉 니 다.즉,span 요 소 를 찾 은 후 div 요소 에 초점 을 맞 춥 니 다.

<div>
  <span>Hello</span>,
  how are you?
</div>
<script type="text/javascript">
  $('div').find('span').addClass('test').end().attr('title','title1');
  //span  class=test;div  title=title1
</script> 

위 에서 말 한 것 은 편집장 이 여러분 에 게 소개 한 jQuery 가 노드 를 옮 겨 다 니 는 방법 집합(추천)입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 저 에 게 메 시 지 를 남 겨 주세요.편집장 은 신속하게 답 해 드 리 겠 습 니 다!