jQuery Debugging 에 관한 팁

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 행동 수행