So verbergen Sie eine Option in JQuery-Front-End-Fragen und Antworten-php.cn

So verbergen Sie eine Option in JQuery

青灯夜游

Freigeben： 2022-09-27 17:21:22

Original

2035 Leute haben es durchsucht

Implementierungsschritte: 1. Erhalten Sie das angegebene Optionselement über den ID-Attributwert. Die Syntax „$(“#id value“)“ gibt ein JQuery-Objekt zurück, das das angegebene Optionselement enthält. 2. Verwenden Sie hide(), fadeOut(. ) oder slideUp(), um das angegebene Element auszublenden, die Syntax ist „element object.hide();“ oder „element object.fadeOut();“ oder „element object.slideUp();“.

So verbergen Sie eine Option in JQuery

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.1-Version, Dell G3-Computer.

option-Element Das

option-Element definiert eine Option (einen Eintrag) in einer Dropdown-Liste.

Der Browser zeigt den Inhalt im

option-Element befindet sich innerhalb des select-Elements.

<select>
	<option value="目的地">目的地</option>
	<option value="温州">温州</option>
	<option value="永嘉">永嘉</option>
	<option value="北京">北京</option>
</select>

Nach dem Login kopieren

So verbergen Sie eine Option in JQuery

Eine Option in der Dropdown-Liste ist ein Optionselement.

Wie verwende ich JQuery, um eine Option auszublenden?

Implementierungsschritte

Schritt 1: Erhalten Sie das angegebene Optionselement über den ID-Attributwert.

$("#id值")

Nach dem Login kopieren

gibt ein JQuery-Objekt zurück, das das angegebene Optionselement enthält. 2. Verstecken Sie das erhaltene Elementobjekt

Sie können die Funktion hide(), fadeOut() oder slideUp() verwenden, um das angegebene Element auszublenden

fadeOut () implementiert

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

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

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

Nach dem Login kopieren

slideUp() implementiert

<!DOCTYPE html>
<html>
	<head>
		<script src="js/jquery-3.6.1.min.js"></script>
		</style>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("#start").hide();
				});
			});
		</script>
	</head>
	<body>
		<select size="4">
			<option value="目的地">目的地</option>
			<option value="温州">温州</option>
			<option id="start" value="永嘉">永嘉--需要隐藏</option>
			<option value="北京">北京</option>
		</select>
		<button>隐藏内容为“永嘉”的option元素</button>
	</body>
</html>

Nach dem Login kopieren

So verbergen Sie eine Option in JQuery

,
Web-Frontend-Video
】

Das obige ist der detaillierte Inhalt vonSo verbergen Sie eine Option in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!