원

성능향상을 위한 팁-10

· 2010-06-30 (수) 11:30:49 · 2206 · 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개는 서로 다른 객체를 가르키지 않나요?
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
기타 10-06-30 조회 2,207
jQuery 10-06-30 조회 2,799
기타 10-06-30 조회 2,085
기타 10-06-30 조회 2,106
JavaScript 10-06-30 조회 2,193
기타 10-06-30 조회 2,145
JavaScript 10-06-30 조회 2,287
정규표현식 10-06-30 조회 5,994
기타 10-06-30 조회 2,309
기타 10-06-30 조회 3,840
JavaScript 10-06-30 조회 2,968
JavaScript
[JavaScript]
10-06-13 조회 1,780
기타 10-06-11 조회 2,063
PHP 10-06-11 조회 4,618
jQuery 10-06-11 조회 4,627
jQuery 10-06-11 조회 3,412
기타 10-06-01 조회 2,613
Flash 10-05-31 조회 3,172
PHP
[PHP]
10-05-31 조회 2,315
정규표현식 10-05-22 조회 6,611
기타 10-05-18 조회 2,661
MySQL 10-05-18 조회 3,082
jQuery 10-05-15 조회 4,381
jQuery 10-05-10 조회 2,931
기타 10-04-29 조회 7,654
기타 10-04-28 조회 3,521
JavaScript 10-04-15 조회 2,913
JavaScript 10-04-04 조회 4,403
기타 10-04-02 조회 3,270
jQuery 10-03-19 조회 6,352