jQuery: Detaillierte Erläuterung der Definition und Verwendung von Klickereignissen-js-Tutorial-php.cn

jQuery: Detaillierte Erläuterung der Definition und Verwendung von Klickereignissen

黄舟

Freigeben： 2017-06-27 09:50:56

Original

2313 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Definition und Verwendung von Click-Ereignissen in jQuery vorgestellt und die spezifische Definitionsmethode, Parameter und Verwendungsbeispiele von Click-Ereignissen in jQuery anhand von Beispielen detailliert analysiert. Es hat einen gewissen Referenzwert. Freunde in Not können darauf verweisen

Dieser Artikel erklärt die Definition und Verwendung von Klickereignissen in jQuery anhand von Beispielen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Übersicht

Lösen Sie das Klickereignis jedes übereinstimmenden Elements aus.

Diese Funktion ruft alle an das Klickereignis gebundenen Funktionen auf und führt sie aus.

Parameter

fnFunctionV1.0

Die Handlerfunktion, die im Klickereignis jedes übereinstimmenden Elements gebunden ist.

[data],fnString,FunctionV1.4.3

data:click([Data], fn) kann Daten zur Verarbeitung durch die Funktion fn übergeben.

fn: Die Handlerfunktion, die an das Klickereignis jedes übereinstimmenden Elements gebunden ist.

Beispiel

Beschreibung:

Klickereignis für alle Absätze auf der Seite auslösen

jQuery-Code:

$("p").click();

Nach dem Login kopieren

Beschreibung:

Verstecken Sie alle Absätze auf der Seite, indem Sie darauf klicken.

jQuery-Code:

$("p").click( function () { $(this).hide(); });

Nach dem Login kopieren

Wenn sich der Mauszeiger über dem passenden Element befindet, löst das Drücken und Loslassen der linken Maustaste oder der Aufruf der click()-Methode das Klickereignis aus. Die

click()-Methode kann auch an die Ereignisbehandlungsmethode gebunden werden.

Grammatikstruktur 1:
Klickereignis auslösen.

$(selector).click()

Nach dem Login kopieren

Grammatikstruktur 2:
Bindeereignisverarbeitungsmethode für Klickereignis.

$(selector).click(data,function)

Nach dem Login kopieren

Parameterliste:

参数	描述
data	可选。定义传入供function处理的数据。
function	定义click事件触发时运行的函数。

Beispielcode:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>click事件-脚本之家</title>
<style type="text/css">
p{
  width:200px;
  height:200px;
  border:5px solid green;
}
</style>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(
document
).ready(function(){
  $("button").click(function(){
    $("p").text("这是后来添加的内容");
  })
  $("p").dblclick(function(){
    $("button").click();
  })
})
</script>
</head>
<body>
<p></p>
<p>双击我触发click事件</p>
<button>点击触发事件</button>
</body>
</html>

Nach dem Login kopieren

Das Obige Code Wenn Sie auf das p-Element doppelklicken oder auf die -Schaltfläche klicken, wird neuer Text in p festgelegt.

Das obige ist der detaillierte Inhalt vonjQuery: Detaillierte Erläuterung der Definition und Verwendung von Klickereignissen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!