jquery 확장 메서드

jquery 확장 메서드

 

[셀렉터를 이용한 확장 메소드]
문법 : $.fn.메소드명
사용방법 : $(selector).메소드명()

$.fn.HTMLTagRestore = function(){
            var value = this.val();
            if(this.is("input") || this.is("textarea")){
                this.val(value.replaceAll('a', 'A').replaceAll('b', 'B'));
            }
            return this; // 함수 체인
 };
 $("input").on('input',function(){
 	$(this).HTMLTagRestore();
 });
 $("input").HTMLTagRestore();

 

[실렉터를 이용하지 않는 확장 메소드]
문법 : $.메소드명

사용방법 : $.메소드명()

$.HTMLTagRestore = function(){
            $('input, textarea').each(function(){                
                var value = $(this).val();
                $(this).val(value.replaceAll('a', 'A').replaceAll('b', 'B'));           
            });
};
        
$.HTMLTagRestore();

 

참고

https://annotations.tistory.com/89?category=595292

jQuery 사용자 정의 메소드 만들기 ($.fn 확장)