Heim > Artikel > Web-Frontend > So entfernen Sie das Float-Attribut in JQuery

So entfernen Sie das Float-Attribut in JQuery

青灯夜游Original: 2022-05-16 16:00:201457Durchsuche

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“)“.

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>

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!

jquery css Float

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So ändern Sie Eingabeattribute in jqueryNächster Artikel：So ändern Sie Eingabeattribute in jquery

In Verbindung stehende Artikel

Mehr sehen