jQuery_jquery의 Trigger() 및 Bind() 사용 분석

이 기사의 예에서는 jQuery에서 Trigger() 및 Bind() 사용법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

트리거(유형)

일치하는 각 요소에 대해 특정 유형의 이벤트를 트리거합니다.

반환값:jQuery

매개변수:

type(String): 트리거될 이벤트 유형

예:

코드 복사 코드는 다음과 같습니다.

$("p").trigger("click")

1.trigger() 트리거 이벤트

이 메서드는 트리거 이벤트를 발생시키는 jQuery 1.3의 새로운 함수입니다.
여기의 이벤트는 클릭, 마우스오버, 키다운 및 기타 작업이 포함된 js 이벤트와 같은 jQuery 도움말 문서의 이벤트 열과 동일하지만 표시 및 숨기기는 이벤트가 아닌 효과입니다.

2. Trigger()를 사용하는 이유는 무엇입니까?

처음 접하면 누구나 이런 생각을 하게 되겠죠?

예를 들어 첫 페이지에는 bd38f46914269f40e05faa352becc824 94b3e26ee717c64999d7867364b1b4a3
페이지가 로드될 때 이 이벤트를 실행하고 클릭 이벤트를 이 p에 바인딩하려고 합니다($(function(){})에 다음 코드 작성;):

$("#p1").click(function(){
  alert("hello!");
});

trigger()를 사용하는 경우 다음과 같이 작성해야 합니다.

$("#p1").click(function(){
  alert("hello!");
}).trigger(click);

이렇게 쓰면 더 귀찮지 않을까요? 라고 할 수도 있지만, Trigger() 사용의 가장 큰 장점은 매개변수를 전달할 수 있다는 점입니다. 예:

//myEvent为自定义事件名
$("#p1").bind("myEvent",function(event,str1,str2) {
  alert(str1 + ' ' + str2); 
});
$("#p1").trigger("myEvent",["Hello","World"]);

다음과 같이 쓸 수도 있습니다:

$("#p1").bind("myEvent",function(event,str1,str2) {
  alert(str1 + ' ' + str2);
}).trigger("myEvent",["Hello","World"]);

이 기사가 jQuery 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.