티스토리 뷰

웹프로그래밍/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
923,153
Today
39
Yesterday
196
«   2021/06   »
    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 30      
글 보관함