Jquery 지식 포인트 2: jquery_jquery 아래 배열에 대한 작업

첫 번째는 일반 배열(정수 인덱스가 있는 배열)입니다.
$.map(arr,fn)
배열의 각 요소에 대해 fn 함수를 호출하여 하나씩 처리합니다. 함수는 새로운 배열을 처리하고 반환합니다.

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

var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1];
var 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() { 경고 (this); });

키 값은 문자열로 인덱싱됩니다. 배열의 경우
는 일반적으로 $.each(array,fn)를 사용하여 작동합니다.

코드 복사 코드는 다음과 같습니다. var arr = { "jim": "11", "tom": "12", "lilei": "13" };

$.each(arr, function(key, value) { Alert("이름:" 키 "나이:" 값);

물론 매개변수 없이 함수를 사용하여 순회할 수도 있습니다.
이 클래스 데이터를 다음과 같이 서버 측에서 얻을 수 있는 경우:

서버 측:

코드 복사 코드는 다음과 같습니다. <%@ WebHandler Language="C#" Class="Handler" %> ;

System.Web 사용;

System.Collections.Generic 사용
public class Handler {
public void ProcessRequest (HttpContext 컨텍스트) {
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>
공개 클래스 개인
{
공개 문자열 이름 { get;
return false;
}
}
}


처음 3인 개체가 인스턴스화된 다음 컬렉션에 추가되고 마지막으로 컬렉션이 문자열로 직렬화됩니다.

클라이언트:




코드 복사


코드는 다음과 같습니다.

< ;head> script src="../myjs/jquery-1.4.2.js" type="text/javascript"> < /body>

클라이언트는 $.parseJSON()을 백그라운드로 전달합니다. 전달된 문자열은 js 배열 객체로 변환됩니다. 얻은 배열을 일반 배열로 연산

세 번째는 태그 선택기를 통해 얻은 Jquery 객체 배열




코드 복사


코드는 다음과 같습니다.

;script src="../myjs/jquery-1.4.2.js" type="text/javascript">
🎜 ><본문>

p>

browser For:


dom이 로드된 후 텍스트가 각 p 요소에 동적으로 추가됩니다. 먼저 $("p")는 document.getElementByTagName에 해당하는 p 태그 컬렉션을 가져옵니다. Javascript이지만 여기서 얻은 것은 Jquery 객체의 배열이므로 Jquery는 고유한 암시적 반복 함수를 갖습니다. 후속 텍스트("This is the p tag") 작업은 각 P 태그를 명시적으로 호출할 수도 있습니다. 반복을 통해 얻은 Jquery 객체의 배열을 표시하려면 다음 코드도 위의 효과를 얻을 수 있습니다.

코드 복사

코드는 다음과 같습니다. 다음과 같습니다:

<제목>

<스크립트 유형 ="text/javascript " >

$(function() {
$("p").each(function() {
$(this).text("p 태그입니다.");
})
})

;

/본문>