CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

홈페이지 제작팁

Home Study WEB 퍼블팁 jQuery

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

 
댓글은 로그인 사용자만 작성 가능합니다. 로그인하기