두 함수의 결과 차이점은 무엇입니까?

Question

$(document).ready(function() { 
    $('#switcher-default').bind('click', function() { 
    $('body').removeClass('narrow'); 
    $('body').removeClass('large'); 
    }); 
}); 

두 번째 기능 :

$(document).ready(function() { 
    $('#switcher-default').click(function() { 
    $('body').removeClass('narrow'); 
    $('body').removeClass('large'); 
    });  
}); 

내가 jQuery를의 초보자입니다, 위의 코드의 차이 무엇? 나는 추가 또는 바인딩 function 제거 결과는 동일합니다. 코드가 바인드 이벤트를 추가하는 이유는 무엇입니까?

Answer 1

둘 다 동일한 작업을 수행합니다. click 처리기 #switcher-default 요소. bind은 이벤트를 일치하는 요소 집합에 연결하는 다른 방법 일뿐입니다.

bind을 사용하면 요소의 공통 이벤트 처리기로 여러 이벤트를 연결할 수 있습니다. eventType은 공백으로 구분해야합니다.

This method is a shortcut for .bind('click', handler) 

Answer 2

차이는 없습니다. 코드의 두 세그먼트는 click 이벤트에 함수를 연결합니다. 바인딩은 어떤 유형의 이벤트를 바인딩할지 모르는 경우 유용합니다.

예를 들어

: http://jsfiddle.net/3wCMJ/

JQuery와 API 문서 읽기 : (클릭에 관해서 http://api.jquery.com/click/

을) 기능 :

이 방법은 .bind에 대한 바로 가기가 (이다 '클릭' , 처리기)

Answer 3

그것은, 동일합니다

이 방법은 대한 바로 가기입니다 처음 두 개의 변형에서 .bind ('click', handler), 세 번째 변형에서 .trigger ('click').

또한 bind() documentation 상기 버전 1.7에 bind() 대신 on()을 사용하여 제시한다 jQuery를 1.7로서

상기 CSTE 연구진() 메소드는 문서 이벤트 핸들러를 부착 위한 바람직한 방법은 . 이전 버전의 경우 .bind() 메서드는 이벤트 처리기를 요소에 직접 연결하는 데 사용됩니다.

Answer 4

당신은 click() documentation 읽고 답을 찾을 수 있습니다 : 당신이 .click()에 대한 jQuery의 문서에서 볼 수

$('#foo').bind('mouseenter mouseleave', function() { 
    //Do something 
});