집 >웹 프론트엔드 >JS 튜토리얼 >jQuery는 객체, 배열 및 컬렉션을 탐색합니다.

jQuery는 객체, 배열 및 컬렉션을 탐색합니다.

WBOY원래의: 2016-05-16 16:32:051846검색

1.jquery 객체 탐색

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

<헤드>
새 문서 <스크립트 유형="텍스트/자바스크립트"> $(함수(){

var tbody = "";                                      //---순회 객체 .each의 사용법---------------
//객체 구문 JSON 데이터 형식(서버 콜백에서 반환된 객체 데이터 형식이 json 데이터 형식인 경우 JSON의 형식 요구 사항이 보장되어야 하며 콜백 객체는 eval 함수를 사용하여 변환되어야 합니다. 그렇지 않으면 객체는 얻을 수 있음) 이 기사에서는 자세히 다루지 않습니다. 서버측 콜백의 데이터 문제를 소개하고 개체를 직접 사용자 정의합니다.
var obj =[{"name":"Xiang Haijun","password":"123456"}]
$("#result").html("------------순회 객체 .each의 사용---------------")
Alert(obj);//객체 요소입니다
//각각을 사용하여 아래를 탐색합니다
$.each(obj,함수(n,value) {
                경고(n ' ' 값)
             var trs = ""
              trs = "" value.name " " value.password ""; tbody = trs;              });
            $("#project").append(tbody)

})
스크립트>

~ & Lt; 사용자 이름 & lt;/일 & gt; ~ 비밀번호

2.jQuery는 배열을 탐색합니다

코드 복사

코드는 다음과 같습니다.

  
   새 문서   

     $(함수(){  

       var tbody = "";  

     //------------遍历数组 .각 용도------------  

           var anArray = ['1','2','3'];  

     $("#result").html("------------遍历数组 .each의 사용---------------");  

           $.each(anArray,function(n,value) {  

            경고(n ' ' 값);  

           var trs = "";  

             trs = "

";
              tbody = trs;
            });

          $("#프로젝트").append(tbody);

});




    ------------此part分同1中的bodypart分---------

3.jQuery 遍历List集합(其实与遍历一个对象没有太大区别，只是格式上的问题)

复主代码代码如下:

  
   새 문서   

     $(함수(){  

       var tbody = "";  

     //------------遍历List集合 .각각의 사용---------------  

      var obj =[{"name":"项海军","password":"123456"},{"name":"科比","password":"333333"}];  

    $("#result").html("遍历List集合 .each의 사용");  

      경고(obj);//是个객체 元素  

   //아래쪽 사용 각 进行遍历  

   $.each(obj,function(n,value) {   

           경고(n ' ' 값);  

       var trs = "";  

             trs = "

";
             tbody = trs;
           });
         $("#프로젝트").append(tbody);

});




       ------------此part分同1中的bodypart分---------

성명：

이전 기사：자바스크립트 조합과 문자열 연결_javascript 기술의 효율성 비교 테스트다음 기사：자바스크립트 조합과 문자열 연결_javascript 기술의 효율성 비교 테스트

jQuery는 객체, 배열 및 컬렉션을 탐색합니다.

관련 기사