Jquery 작업 개체 배열 요소 메서드 요약(대소문자 포함)

이번에는 jqueryoperationobjectarray요소 메소드(케이스 포함)에 대한 요약을 가져왔습니다. jquery 운영 객체 배열 요소에 대한 주의사항은 무엇이며, 다음은 실제 사례입니다. 살펴보겠습니다. .

 <p id="p1">
     <span>a</span>
     <span>b</span>
     <span>c</span>
 </p>

1. 잘못된 방법: 다음과 같이 [] 메서드를 사용하여 jquery 객체 배열을 가져올 수 없습니다.

 $(function() {
     var p_span = $("#p1 span");
     for( var i = 0; i < p_span.length; i++ ) {
         p_span.[i].html(i);
     }
 });

이것은 유효하지 않습니다.

2 jquery의 eq() 메서드를 사용하여 선택할 수 있습니다. :

 for( var i = 0; i < p_span.length; i++ ) {
     p_span.eq(i).html(i);
 }

3.

each() 메서드를 사용하여 탐색할 수 있습니다:

 $(function() {
     var p_span = $("#p1 span");
     var i = 0;
     p_span.each( function(){
         $(this).html(i);
         i++;
     });
 });

each()로 탐색할 때 $(this)를 사용하면 이것을 직접 사용하면 jquery 객체를 얻을 수 있습니다.

DOM 객체

4

를 얻게 됩니다. 순수 js 코드로 얻은 DOM 객체 배열은 []를 사용하여 배열 요소를 얻을 수 있습니다

다음 세 가지 방법은 정확하지만 첫 번째 방법은 틀렸습니다. 강조하고 싶기 때문에, 앞으로는 같은 실수를 반복하지 않도록 친구 여러분, 잘 지켜봐 주시기 바랍니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

jquery의 메서드 grep()은 배열 필터링을 구현합니다.

jquery가 배열을 탐색하는 방법

위 내용은 Jquery 작업 개체 배열 요소 메서드 요약(대소문자 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!