성능향상을 위한 팁-10

· 15년 전 · 1267 · 1
$(this)

 

  $(document).ready(function () {
      $('.bold').click(function () {
          $(this).addClass('changeColor');
          setTimeout(function () {
              $(this).removeClass('changeColor');
          }, 1000);
      });
  });

 

  → 하위로 갈 수록 모호해진다.

   $(document).ready(function () {
      $('.bold').click(function () {

          var $element = $(this); // 변수로 선언
          $element.addClass('changeColor');
          setTimeout(function () {
              $element.removeClass('changeColor');
          }, 1000);
      });
  });

 

[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
|

댓글 1개

좌측코드가 작동하던가요?
좌측코드에서 "this" 2개는 서로 다른 객체를 가르키지 않나요?
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
15년 전 조회 5,473
15년 전 조회 1,205
15년 전 조회 4,214
15년 전 조회 1,337
15년 전 조회 1,638
15년 전 조회 1,416
15년 전 조회 1,602
15년 전 조회 1,101
15년 전 조회 1,349
15년 전 조회 1,485
15년 전 조회 1,393
15년 전 조회 2,119
15년 전 조회 1,268
15년 전 조회 1,320
15년 전 조회 865
15년 전 조회 980
15년 전 조회 939
15년 전 조회 908
15년 전 조회 860
15년 전 조회 917
15년 전 조회 1,058
15년 전 조회 1,081
15년 전 조회 2,590
15년 전 조회 931
15년 전 조회 1,581
🐛 버그신고