So stellen Sie JQuery so ein, dass das Div ausgeblendet wird, wenn die Maus darauf klickt-Front-End-Fragen und Antworten-php.cn

So stellen Sie JQuery so ein, dass das Div ausgeblendet wird, wenn die Maus darauf klickt

WBOY

Freigeben： 2022-03-22 15:31:15

Original

1968 Leute haben es durchsucht

So legen Sie fest, dass das Div beim Klicken mit der Maus von jquery ausgeblendet wird: 1. Binden Sie das Klickereignis an das div-Element und legen Sie die Ereignisverarbeitungsfunktion fest. 2. Verwenden Sie zum Festlegen die Methode hide () in der Ereignisverarbeitungsfunktion Das Div, das ausgeblendet werden soll, und die Syntax lautet „div element object.hide()“.

So stellen Sie JQuery so ein, dass das Div ausgeblendet wird, wenn die Maus darauf klickt

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

So stellen Sie JQuery so ein, dass das Div ausgeblendet wird, wenn die Maus darauf klickt. Die Methode „hide()“ blendet das ausgewählte Element aus.

Die Syntax lautet:

$(selector).hide(speed,easing,callback)

Nach dem Login kopieren

ms „langsam“ „schnell“

„swing“ – bewegt sich langsam am Anfang/Ende, bewegt sich schnell in der Mitte „linear“ – bewegt sich mit konstanter Geschwindigkeit Tipp: In der Erweiterung stehen weitere Beschleunigungsfunktionen zur Verfügung.

click()-Methode löst ein Klickereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn ein Klickereignis auftritt.

Die Syntax lautet:

Lösen Sie das Klickereignis des ausgewählten Elements aus:

$(selector).click()

Nach dem Login kopieren

Fügen Sie dem Klickereignis eine Funktion hinzu:

$(selector).click(function)

Nach dem Login kopieren

Das Beispiel lautet wie folgt:

<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("div").click(function(){
$("div").hide();
});
});
</script>
</head>
<body>
<div style="width:100px;height:100px;border:1px solid red;"></div>
</body>
</html>

Nach dem Login kopieren

Ausgabeergebnis:

So stellen Sie JQuery so ein, dass das Div ausgeblendet wird, wenn die Maus darauf klickt Empfohlene Verwandte Video-Tutorials:

jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo stellen Sie JQuery so ein, dass das Div ausgeblendet wird, wenn die Maus darauf klickt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!