Heim  >  Artikel  >  Web-Frontend  >  Was ist der Unterschied zwischen JQuery click() und onclick()

Was ist der Unterschied zwischen JQuery click() und onclick()

coldplay.xixi
coldplay.xixiOriginal
2020-11-27 15:47:2410741Durchsuche

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.

Was ist der Unterschied zwischen JQuery click() und onclick()

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn