Jquery에서는 $.map() 및 $.each()를 사용하여 배열을 작동합니다.
첫 번째는 일반 배열(정수 인덱스가 있는 배열)입니다.
$.map(arr,fn)
배열을 하나씩 처리하면 fn 함수는 마지막 새 배열을 처리하고 반환합니다.
var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]; newarr = $.map(arr , function(item) {return item*2 });
alert(newarr)
$.each(array,fn)는 fn 함수를 호출하여 배열의 각 요소를 처리합니다. , 반환 값이 없습니다
var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]
$.each(arr, function(key, value) { Alert ("key:" key "value:" value) });
이때 함수의 매개변수를 생략할 수도 있습니다.
var arr = [ 9, 8, 7, 6, 5, 4, 3, 2, 1];
$.each(arr, function() { Alert(this); }); 인덱스가 문자열인 키-값 쌍의 배열이 있습니다.
일반적으로 $.each(array,fn)를 사용하여 작동합니다.
var arr = { "jim": "11 ", "tom": "12", "lilei": "13" };
$.each(arr, function(key, value) { Alert("이름:" key "Age:" value); } );
물론 매개변수 없이 함수를 사용하여 이동할 수도 있습니다.
이러한 유형의 데이터는 다음과 같이 서버 측에서 얻을 수 있습니다.
서버 측:
코드 복사
코드는 다음과 같습니다. <%@ WebHandler Language="C#" Class="Handler" % > System.Web 사용
System.Collections.Generic 사용
공용 클래스 핸들러 {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
Person p1 = new Person { Age = "22", Name = "tom" }
Person p2 = new Person { Age = "23", Name = "jim" };
Person p3 = new Person { Age = "24", Name = "lilei" }; IList
;Person> {p1,p2,p3};
JavaScriptSerializer js = new JavaScriptSerializer()
string s= js.Serialize(persons)
}
공개 클래스 개인
{
공개 문자열 이름 { get; {
return false;
}
}
}
먼저 세 사람 개체를 인스턴스화한 다음 컬렉션에 넣고 마지막으로 이 컬렉션을 문자열 스트림으로 직렬화합니다.
클라이언트:
클라이언트는 $.parseJSON()을 통해 배경을 전달합니다. 문자열은 js 배열 객체로 변환됩니다. 다음으로, 획득한 배열을 연산하기 위해 일반 배열을 사용합니다. >세 번째는 태그 선택기를 통해 얻은 Jquery 객체 배열,
코드 복사
코드는 다음과 같습니다. script src="../myjs/jquery-1.4.2.js" type="text/javascript"> ;
>
;
브라우저에서 실행하는 효과 is:
dom이 로드된 후 텍스트가 각 p 요소에 동적으로 추가되고, 먼저 $("p")는 p 태그 컬렉션을 얻습니다. 이는 Javascript의 document.getElementByTagName과 동일합니다. 여기서 얻은 것은 Jquery 개체의 배열이므로 Jquery에는 고유한 암시적 반복 함수가 있고 다음 텍스트("This is the p tag") 작업이 각 P 태그를 반복한다는 점을 제외하면 각 P 태그를 명시적으로 호출할 수도 있습니다. 반복을 통해 얻은 Jquery 객체 배열을 표시하는 함수:
코드 복사
코드는 다음과 같습니다. 다음과 같습니다:
<머리>
<제목>
<스크립트 유형="텍스트/자바스크립트" >
$(function() {
$("p").each(function() {
$(this).text("这是p标签");
});
});
<본문>
