Heim > Artikel > Web-Frontend > jQuery: Detaillierte Erläuterung der Definition und Verwendung von Klickereignissen
jQuery: Detaillierte Erläuterung der Definition und Verwendung von Klickereignissen
- 黄舟Original
- 2017-06-27 09:50:562241Durchsuche
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();Beschreibung:
Verstecken Sie alle Absätze auf der Seite, indem Sie darauf klicken.
jQuery-Code:
$("p").click( function () { $(this).hide(); });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()
Grammatikstruktur 2:
Bindeereignisverarbeitungsmethode für Klickereignis.
$(selector).click(data,function)
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>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!