jQuery7 - 유틸리티(utility)

A> 컬렉션 처리 메서드

1.$.each 

$.each(object, callback(indexInArray, valueOfElement)

 

2.$.grep

$.grep( array, function(elementOfArray, indexInArray) [, invert] )

 

3.$.makeArray()

$.makeArray( obj )

--반복 구조를 갖은 배열 형태의 객체를 Array 객체로 변형한다.

 

4. $.inArray()

   -- $.inArray( value, array [, fromIndex] )

   -- 배열에 value가 몇 번째 index에 존재하는지 알려준다.

   -- index는 0부터 시작하고 value가 존재 하지 않을 경우에는 -1를 리턴한다.

 

5. $.map()

    -- $.map( arrayOrObject, callback( value, indexOrKey ) )

    -- 집합을 다른 집합으로 변환

 

6. $.extend()

    -- $.extend( target, object1 [, objectN] )

    -- 여러개의 배열을 합친다.

    --예시 $.extend(settings, options);  로 settings 에 options 객체가 합쳐진다.

var settings = {
            name: "defaultName",
            size: 5,
            global: true
      };
      var options = {
            name: "foobar",
            size: 10
      };
 

이렇게 있을 때 settings 의 값은 

name:foobar

size: 10

global: true 

가 된다.

즉, key 가 같으면 options 의 값으로 덧 씌워진다. 

 

 

7.$.data(element, key, value)

   -- jQuery 내부에 사용자 정의 데이터를 저장하여 사용할 수 있다.

   -- element의 key에 value를 넣는다.

   -- 저장된 data 는 $.data(element, key)로 불러올 수 있다.

  $(function() {
      var adiv = $("div").get(0);       
      
      $("#btnshow").click(function() {// 데이터 보기        
          alert($.data(adiv, "content"));
      });       
      
      $("#btnsave").click(function() {    //데이터 저장    
        $.data(adiv,"content","안녕");
      });
            
      $("#btnremove").click(function() {//데이터 제거
          $.removeData(adiv, "content");
      });
  });

 

 

$.trim()

$.merge()

$.isFunction()

$.data()