Heim > Artikel > Web-Frontend > So verbergen Sie div, indem Sie irgendwo in jquery klicken
So verbergen Sie div, indem Sie irgendwo in jquery klicken
- WBOYOriginal
- 2021-12-13 17:46:322218Durchsuche
Methode: 1. Binden Sie das Click-Ereignis an das Body-Element und geben Sie die Ereignisverarbeitungsfunktion an. Die Syntax lautet „$(“body“).click(function())“ 2. Verwenden Sie in der Ereignisverarbeitungsfunktion Methode hide() Um den Effekt zu erzielen, dass das Div durch Klicken auf eine beliebige Stelle ausgeblendet wird, lautet die Syntax „$(“div“).hide();“.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
So verstecken Sie ein Div, indem Sie auf eine beliebige Stelle in JQuery klicken
In JQuery können Sie die Methode hide() und die Methode Click() verwenden, um den Effekt zu erzielen, ein Div auszublenden, indem Sie auf eine beliebige Stelle klicken.
click()-Methode Wenn auf ein Element geklickt wird, tritt das Klickereignis auf. Ein Klick erfolgt, wenn sich der Mauszeiger über einem Element befindet und die linke Maustaste gedrückt und wieder losgelassen wird. Die Methode click() löst ein Klickereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn ein Klickereignis auftritt.
Das Beispiel lautet wie folgt:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("body").click(function(){
$("div").hide();
});
});
</script>
<style type="text/css">
div{
width:200px;
height:200px;
background-color:red;
}
</style>
</head>
<body>
<div></div>
</body>
</html>Ausgabeergebnis:
Empfohlenes zugehöriges Video-Tutorial: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo verbergen Sie div, indem Sie irgendwo in jquery klicken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!