jQuery 유틸리티 및 확장 플러그인


jQuery 유틸리티 문법

// 유틸리티
$.utility();

// 문법
(function ($) {
    $.utility = function (value) {
        // 기능 구현
        var data = value+"";
        var arrayResult = data.split("");
        var startIndex = arrayResult.length - 3;
        for (var i = startIndex; i > 0; i-=3) {
            arrayResult.splice(i, 0, ",");
        }
        return arrayResult.join("");
        // 기능 구현 완료
    };
})(jQuery);

// 자주사용하는 유틸리티
$.trim()
$.index()
$.data()
$.extend() // 객체의 기능을 합칠 때 사용
var result = $.extend(target, obj1, obj2);
var result = $.extend({}, obj1, obj2);
// target: 합쳐진 기능을 저장할 객체
// obj1, obj2, etc : 합쳐질 기능을 가진 객체

jQuery 플러그인 문법

// 플러그인
$("el").plugIn(options);

// 문법 - 함수타입
(function ($) {
    $.fn.plugIn = function (options) {
        this.each(function(index) {
            // 기능 구현;
        });
        return this;
    };
})(jQuery);

// 문법 - 클래스 타입
(function ($) {
    function PlugIn(selector) {
    }
    PlugIn.prototype.method = function() {};

    $.fn.plugIn = function () {
        this.each(function(index) {
            var plugIn = new PlugIn(this);
        });
        return this;
    };
})(jQuery);
SHARE