onclick은 jquery 이벤트입니까?
- WBOY원래의
- 2022-06-02 16:05:382195검색
onclick은 jquery 이벤트가 아니지만 JavaScript에서는 이 이벤트가 발생합니다. jquery에서 click() 메서드는 onclick을 실행하는 요소를 트리거하는 것입니다. 메소드.onclick 이벤트.
이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.
onclick은 jquery 이벤트인가요?
1. onclick은 바인딩된 이벤트입니다(이벤트입니다).
이 이벤트 바인딩은 JacaScript에서만 사용할 수 있다는 점에 유의하세요.
<!DOCTYPE html>
<html>
<head>
<meta charset="GBK">
<title>测试onclick事件</title>
<script type="text/javascript">
function mouse(){
alert('我是一张图片!!!');
}
</script>
</head>
<body>
<img src="../1.jpg" alt="图片" οnclick="mouse()"/>
</body>
</html>2. click 메서드(jquery에서)
는 요소의 click() 메서드가 실행되는 한, onclick 이벤트가 발생합니다.
click() 메서드의 주요 기능은 실제로 마우스 클릭 동작을 시뮬레이션하는 click 메서드를 호출하는 요소의 onclick 이벤트를 트리거하는 것입니다. 또한 click 괄호 안에 다른 실행문이 정의되어 있는 경우 onclick 이벤트가 실행된 후 click 메소드는 괄호 안의 명령문을 실행합니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试Jquery中的click方法(表单选择器)</title>
<!-- 引入jQuery -->
<script src="../js/jquery-1.11.0.min.js"></script>
<script src="../js/assist.js"></script>
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<script type="text/javascript">
$(function(){
$("#btn1").click(function(){
//alert($("#form1 :input").size());
//alert($("#form1 :input").length);
alert($("#form1 input").size());
});
});
</script>
</head>
<body>
<input type="button" value="选取所有的表单子元素" id="btn1"/><br />
<form id="form1" action="#">
<input type="button" value="Button"/><br/>
<input type="checkbox" name="c"/>1<input type="checkbox" name="c"/>2<input type="checkbox" name="c"/>3<br/>
<input type="file" /><br/>
<input type="hidden" /><br/>
<input type="image" src="1.jpg"/><br/>
<input type="password" /><br/>
<input type="radio" name="a"/>1<input type="radio" name="a"/>2<br/>
<input type="reset" /><br/>
<input type="submit" value="提交"/><br/>
<input type="text" /><br/>
<select><option>Option</option></select><br/>
<textarea rows="5" cols="20"></textarea><br/>
<button>Button</button><br/>
</form>
<div></div>
</body>
</html>Expand Knowledge
3.on 메소드(jQuery에서)
on() 메소드는 이벤트 핸들러를 현재 선택된 jQuery 객체의 요소에 바인딩합니다. jQuery 1.7에서 .on() 메서드는 이벤트 핸들러를 바인딩하는 데 필요한 모든 기능을 제공합니다. (동적 바인딩 이벤트 처리 기능)
이 메서드에는 두 개의 매개 변수가 있습니다(매개 변수에 대괄호가 있는 매개 변수는 선택 사항이므로 실제 필요에 따라 선택하세요)
1).on(events,[selector] ,[data], fn)
events: 공백과 선택적 네임스페이스(예: "click" 또는 "keydown.myPlugin")로 구분된 하나 이상의 이벤트 유형입니다.
selector: 필터 이벤트를 트리거하는 선택기 요소의 자손에 대한 선택기 문자열입니다. 선택한
data: 이벤트가 트리거되면 event.data가 이벤트 처리 함수에 전달되어야 합니다.
fn: 이 이벤트가 트리거될 때 실행되는 함수입니다. false 값은 false를 반환하는 함수의 약칭으로 사용될 수도 있습니다.
2).on(events-map,[selector],[data])
events-map: 공백으로 구분된 하나 이상의 이벤트 유형 및 문자열로 표시되는 선택적 네임스페이스, 값은 바인딩된 핸들러 함수를 나타냅니다. 이벤트.
selector: 선택한 요소를 필터링하는 선택기 문자열, 핸들러는 이 선택기의 하위 요소에서 호출됩니다. 선택 항목이 비어 있거나 무시된 경우 선택한 요소에 도달하면 이벤트가 항상 시작됩니다.
data: 이벤트가 트리거되면 event.data가 이벤트 처리 함수에 전달되어야 합니다.
on 메소드는 선택기와 일치하는 요소에 대한 이벤트 처리 기능을 정의하는 것입니다(지금 일치하거나 나중에 일치)
비디오 튜토리얼 권장 사항: jQuery 비디오 튜토리얼
위 내용은 onclick은 jquery 이벤트입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!