jQuery의 이벤트LOGIN

jQuery의 이벤트

jQuery의 이벤트

jQuery에는 객체 이벤트를 처리하는 일련의 함수가 있습니다. 위의 기본 지식을 이해해야 하지만 더 이상 멀티캐스트 이벤트 위임을 처리하는 함수를 구현할 필요가 없습니다. jQuery를 사용하면 매일 차를 마실 수 있습니다. 다음은 jQuery에서 가장 일반적으로 사용되는 바인딩() 메서드의 예입니다.

$("#testDiv4").bind("click", showMsg);

요소에 클릭 이벤트에 대한 이벤트 핸들러 showMsg를 추가합니다. testDiv4의 ID를 사용합니다.

jQuery 이벤트 처리 기능을 사용하면 다음과 같은 이점이 있습니다.

1. 추가된 것은 멀티캐스트 이벤트 대리자입니다.

즉, 클릭 이벤트에 덮어쓰지 않는 또 다른 메서드가 추가됩니다. 객체의 클릭 이벤트의 원래 이벤트 처리 기능입니다.

$("#testDiv4").bind("click", function(event) { alert("one"); });
$("#testDiv4").bind("click", function(event) { alert("two"); });

testDiv4 객체를 클릭하면 "one"과 "two"가 차례로 프롬프트됩니다.

2. 통일된 이벤트 이름
IE에서는 이벤트 이름 앞에 "on"이 있습니다. 하지만 내부 jQuery를 사용하면 이벤트 이름을 통일하는 데 도움이 되므로 IE와 DOM을 구분할 필요가 없습니다. . 모든 개체 동작은 스크립트로 제어할 수 있습니다.

HTML 코드 부분은 "표시" 논리에만 주의를 기울이십시오. 현재 추세는 HTML의 동작, 콘텐츠 및 스타일을 명확하게 분리하는 것입니다. , HTML 태그는 요소 내용을 제어하는 ​​데 사용되고 CSS는 요소 스타일을 제어하는 ​​데 사용됩니다. jQuery 이벤트 핸들러를 사용하면 HTML 태그에 이벤트를 직접 추가하는 것을 피할 수 있습니다.다음은 기본 jQuery 이벤트 처리 기능입니다.다음 섹션

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网</title> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> <script> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> <body> <p>如果你点我,我就会消失。</p> <p>点我消失!</p> <p>点我也消失!</p> </body> </html>
코스웨어