$('.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/