> 웹 프론트엔드 > JS 튜토리얼 > jQuery $.each는 객체 및 배열 사용을 순회합니다.examples_jquery

jQuery $.each는 객체 및 배열 사용을 순회합니다.examples_jquery

WBOY
풀어 주다: 2016-05-16 16:03:45
원래의
990명이 탐색했습니다.

이를 통해 객체와 배열의 속성값을 순회하여 처리할 수 있습니다.

사용 지침

매개변수 유형에 따라 각 기능의 효과가 완전히 일관되지는 않습니다.

1. 객체 탐색(추가 매개변수 사용)

코드 복사 코드는 다음과 같습니다.

$.each(객체, 함수(p1, p2) {

this; //여기서는 각 순회에서 객체의 현재 속성 값을 가리킵니다.
p1; //추가 매개변수에 액세스

}, ['Parameter1', 'Parameter2']);


2. 배열 탐색(첨부 매개변수 포함)

코드 복사 코드는 다음과 같습니다.

$.each(배열, 함수(p1, p2){

this; //여기서는 각 순회에서 배열의 현재 요소를 가리킵니다.
p1; //추가 매개변수에 액세스
}, ['매개변수 1', '매개변수 2']);


3. 객체 탐색(추가 매개변수 없음)

코드 복사 코드는 다음과 같습니다.

$.each(객체, 함수(이름, 값) {

this; //현재 속성의 값을 가리킵니다
Name; //name은 객체의 현재 속성 이름을 나타냅니다
value; //값은 객체의 현재 속성 값을 나타냅니다
});
[코드]

4. 배열 탐색(추가 매개변수 없음)
[코드]
$.each(배열, 함수(i, 값) {

this; //현재 요소를 가리킵니다.
i; //i는 배열의 현재 첨자를 나타냅니다.
value; //값은 배열의 현재 요소를 나타냅니다

});


다음은 jQuery의 각 메소드의 몇 가지 일반적인 용도입니다

코드 복사 코드는 다음과 같습니다.

var arr = [ "하나", "둘", "셋", "넷"]
$.each(arr, function(){  
알림(이것); });   //위 각각의 출력 결과는 다음과 같습니다: 하나, 둘, 셋, 넷
 
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]] 
$.each(arr1, function(i, item){ 
경고(항목[0])
}); 
//사실 arr1은 2차원 배열이고, item은 각각의 1차원 배열을 취하는 것과 같습니다.
//item[0]은 각 1차원 배열의 첫 번째 값을 취하는 것에 상대적입니다.
//위의 각 결과는 다음과 같습니다. 1 4 7


var obj = { 1:1, 2:2, 3:3, 4:4}; 
$.each(obj, 함수(키, 값) { 
경고(obj[키])
})
//이 각각은 더욱 강력하며 모든 속성을 순환할 수 있습니다.
//출력 결과는 다음과 같습니다: 1 2 3 4


원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿