So entfernen Sie das Float-Attribut in JQuery-Front-End-Fragen und Antworten-php.cn

So entfernen Sie das Float-Attribut in JQuery

青灯夜游

Freigeben： 2022-05-16 16:01:32

Original

1504 Leute haben es durchsucht

Zwei Methoden: 1. Verwenden Sie css(), um das Float-Attribut festzulegen, ändern Sie den Wert in „none“ und die Syntax lautet „element.css(„float“, „none“)“. 2. Verwenden Sie attr(), um das Stilattribut zu steuern und einen neuen Stil festzulegen. Die Syntax lautet „element.attr(“style“,„float:none“)“.

So entfernen Sie das Float-Attribut in JQuery

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

Das Float-Attribut wird verwendet, um anzugeben, ob eine Box (Element) schweben soll.

Es hat keine Auswirkung, wenn der Wert dieses Attributs „none“ ist (das Element ist nicht schwebend und wird an der Position angezeigt, an der es im Text erscheint).

In jquery können Sie das Float-Attribut entfernen, indem Sie den Wert des Attributs auf „none“ setzen.

Im Folgenden werden zwei Methoden vorgestellt:

1. Verwenden Sie die Methode css()

css(), um ein oder mehrere Stilattribute des passenden Elements zurückzugeben oder festzulegen.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("img").css("float","none");
				});
			});
		</script>
		<style>
		img 
		{
			float:right;
		}
		</style>
	</head>

	<body class="ancestors">
		<p>在下面的段落中，我们添加了一个 <b>float:right</b> 的图片。导致图片将会浮动在段落的右边。</p>
		<p>
		<img  src="img/1.jpg"    style="max-width:90%"  style="max-width:90%" / alt="So entfernen Sie das Float-Attribut in JQuery" >
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		</p>
		<button>去除float</button>
	</body>

</html>

Nach dem Login kopieren

So entfernen Sie das Float-Attribut in JQuery

2. Verwenden Sie attr()

Verwenden Sie die attr()-Methode, um das Stilattribut zu steuern und einen neuen Float-Stil festzulegen

So entfernen Sie das Float-Attribut in JQuery

【Empfohlenes Lernen:

jQuery-Video-Tutorial, Web-Frontend-Video 】

Das obige ist der detaillierte Inhalt vonSo entfernen Sie das Float-Attribut in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!