$('.function').click(function(e) {
$(this).css('color','red');
});
jQuery에서 $(this)는 클릭하는 객체를 뜻합니다.
이 것을 외부 함수로 만들어보면,
colorchange = function(){
$(this).css('color','red');
};
$('.function').click(function(e) {
colorchange();
});
이런 코드가 되는데요, 실질 colorchange 안에 있는 $(this)는 클릭한 엘리먼트가 아닌 윈도우를 가리키게 됩니다.
그래서 간단하게 파라미터를 이용해서 전달할 수 있습니다.
colorchange = function(elem){
$(elem).css('color','red');
};
$('.function').click(function(e) {
colorchange(this);
});
참조 : https://www.facebook.com/groups/webfrontend/permalink/693931657418239/