简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

jQuery 바로가기 이벤트

이벤트 처리 함수를 사용하여 객체 이벤트에 대한 거의 모든 작업을 완료할 수 있지만 jQuery는 공통 이벤트의 캡슐화를 제공합니다. 예를 들어 클릭 이벤트에 해당하는 두 가지 메서드인 click() 및 click(fn)이 각각 클릭 이벤트를 트리거하는 데 사용됩니다. 그리고 클릭 이벤트를 설정합니다.

클릭 이벤트 설정: 

$("#testDiv").click(function(event) { alert("test div clicked ! "); });

다음과 동일: 

$("#testDiv").bind("click", function(event) { alert("test div clicked ! "); });

클릭 이벤트 트리거: 

$("#testDiv").click();

$("#testDiv").trigger("click");

와 동일합니다. 트리거입니다. TriggerHandler대신

이런 메소드를 영어로는 jQuery에서 Event Helpers라고 하는데 좋은 번역 메소드를 찾을 수 없어서 함수에 따라 "단축 메소드"라고 부르는데요!

아래는 jQuery 단축 메소드 목록입니다.

모두 해당 이벤트이므로 더 이상 설명과 예제를 작성하지 않겠습니다.

click( )클릭(fn)dblclick( )dblclick( fn )error( ) error( fn )focus( )포커스(fn)keydown( )keydown( fn ) ㅋㅋㅋ mouseleave(fn)mousemove(fn) mouseout( fn )mouseover( fn )  제출( )  제출(fn) 언로드(fn) 지속적인 학습
||
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>click事件</title> <style type="text/css"> div{ width:200px; height:200px; border:5px solid green; } </style> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("div").text("这是后来添加的内容"); }) $("p").dblclick(function(){ $("button").click(); }) }) </script> </head> <body> <div></div> <p>双击我触发click事件</p> <button>点击触发事件</button> </body> </html>
제출하다코드 재설정
이전 섹션 다음 섹션
튜토리얼 목록
도움을 받다
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~

이 강좌를 시청한 학생들도 학습하고 있습니다.

최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)  492159회 재생
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！
이름설명예
blur( )
흐림(fn)
change( )
change( fn )
  
keypress( )  
keypress( fn )   
keyup( ) 
mousedown(fn)  
mouseenter(fn) 
  
  
  
  mouseup( fn ) 
크기 조정(fn)  
스크롤(fn)  
select( )