티스토리 뷰

웹프로그래밍/js

jQuery Debugging 에 관한 팁

VoidNoble 공허공자 2011. 2. 10. 16:50
http://fixingthesejquery.com


#slide11
- 브뽀를 소스코드내에서 걸기위해서는
소스 코드 내의 브뽀 걸 부분에
debugger;
를 입력하면 된다.


#slide15
- console.log 와 친구들

$('#testElement').click({"foo":"bar"},function(e) {
  console.info("The button has been pressed");
  console.dir(e.data);
  // You can pass an unlimited list of arguments
  console.log(this,e);
  $(this).append('<div>Hello</div>');
});


#slide24
- 아래의 3가지 모두 anchor 클릭이벤트를 잡아내는것이다.
$(document).bind("click", function(e) {
    if ($(e.target).is("a") {
        // this == document
    }
});

$(document).delegate("a", "click", function(e) {
    //this == clicked anchor
});

$("a").live("click", function(e) {
    // this == clicked anchor
});


#slide18
- Console API 위키
http://getfirebug.com/wiki/index.php/Console_API


#slide25
- trigger()는 뭐하는 애인가?
$(element).trigger("click");
element 에 click 행동 수행

댓글
댓글쓰기 폼
Total
818,296
Today
119
Yesterday
305
«   2020/02   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
글 보관함