Heim > Artikel > Web-Frontend > So verbergen Sie Elemente beim Klicken in JQuery
So verbergen Sie Elemente beim Klicken in JQuery
- 青灯夜游Original
- 2022-12-15 09:55:023712Durchsuche
Implementierungsschritte: 1. Verwenden Sie die Funktion click(), um das Klickereignis an das Schaltflächenelement zu binden und die Ereignisverarbeitungsfunktion festzulegen. Die Syntax lautet „$(“button“).click(function() {//Nachdem Klicken Sie auf das Ereignis, führen Sie den Code aus});"; 2. Verwenden Sie in der Ereignisverarbeitungsfunktion die Funktion hide (), um das angegebene Element auszublenden. Die Syntax lautet „$(selector).hide(speed,callback)“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.1-Version, Dell G3-Computer.
In jquery können Sie die Methoden click() und hide() verwenden, um Elemente auszublenden, indem Sie darauf klicken.
Implementierungsschritte:
Schritt 1: Verwenden Sie die Funktion click (), um das Klickereignis an das Schaltflächenelement zu binden und die Ereignisverarbeitungsfunktion festzulegen.
$("button").click(function() {
//点击事件发生后，执行的代码
});In der Ereignisverarbeitungsfunktion ist der geschriebene Code nach dem Klick implementierter Effektcode
Schritt 2: Verwenden Sie in der Event-Handler-Funktion die Funktion hide(), um das angegebene Element auszublenden
$(selector).hide(speed,callback)
Beispielcode:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-3.6.1.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("div").hide();
$("span").hide();
});
});
</script>
<style>
div{
border: 1px solid red;
background-color: palegoldenrod;
}
p,span{
background-color: yellow;
}
</style>
</head>
<body>
<div>需要隐藏的div元素</div>
<span>需要隐藏的span元素</span>
<p>p元素</p>
<button>点击按钮隐藏元素</button>
</body>
</html>
Anleitung:
click() Die Methode wird verwendet, um das Klickereignis zu binden und die Ereignishandlerfunktion festzulegen
Wenn auf das Element geklickt wird, tritt das Klickereignis auf. Die
click()-Methode löst ein Klickereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn ein Klickereignis auftritt.
Syntax:
//触发被选元素的 click 事件： $(selector).click() //添加函数到 click 事件： $(selector).click(function)
hide()-Methode wird verwendet, um das angegebene Element auszublenden
Geschwindigkeit
Optional. Gibt an, wie schnell der Effekt ausgeblendet wird.
| "langsam" | "schnell" |
|---|---|
easing
|
|
Rückruf
|
|
| , Web-Frontend-Video】 |
Das obige ist der detaillierte Inhalt vonSo verbergen Sie Elemente beim Klicken in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!