Heim >Web-Frontend >js-Tutorial >Was ist der Unterschied zwischen JQuery click() und onclick()
Was ist der Unterschied zwischen JQuery click() und onclick()
- coldplay.xixiOriginal
- 2020-11-27 15:47:2410805Durchsuche
Der Unterschied zwischen JQuery click() und onclick(): 1. onclick ist ein Bindungsereignis, das dem Browser mitteilt, was zu tun ist, wenn die Maus klickt. 2. Die Hauptfunktion der click-Methode besteht darin, das onclick-Ereignis auszulösen Element, das die Click-Methode aufruft.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 1.10.0. Diese Methode ist für alle Computermarken geeignet.
Der Unterschied zwischen JQuery click() und onclick():
1. Onclick ist ein Bindungsereignis, das dem Browser mitteilt, was zu tun ist, wenn die Maus klickt
2 um den Aufruf des Click-Methodenelements onclick event auszulösen.
3. Wenn auf click() geklickt wird, wird zuerst die Funktion onclick() des entsprechenden Elements ausgeführt und dann click(). Das Beispiel lautet wie folgt:
JS-Code test.js:
$("#testclick").click(function(){
console.log("$(\"#testclick\").click");
});
function test123(){
console.log("function test()");
}<!DOCTYPE html>
<html>
<head>
<title>TestJS.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
This is my HTML page. <br>
<h1>Test html</h3>
<div>
<input type="button" onclick="test123();" class="input1" id="testclick" value="test_button"/>
</div>
<!-- JS-->
<script src="js/lib/jquery.js"></script>
<script src="js/test.js"></script>
<!-- <script src="js/test2.js"></script> -->
</body>
</html>Verwandtes Lernen Empfehlungen: Javascript-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen JQuery click() und onclick(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!