Comment supprimer l'attribut float dans jquery-Questions et réponses frontales-php.cn

Comment supprimer l'attribut float dans jquery

青灯夜游

Libérer： 2022-05-16 16:01:32

original

1471 Les gens l'ont consulté

Deux méthodes : 1. Utilisez css() pour définir l'attribut float, changez la valeur en "none" et la syntaxe est "element.css("float","none")". 2. Utilisez attr() pour contrôler l'attribut de style et définir un nouveau style. La syntaxe est "element.attr("style","float:none")".

Comment supprimer l'attribut float dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

L'attribut float est utilisé pour spécifier si une boîte (élément) doit flotter.

Cela n'a aucun effet lorsque la valeur de cet attribut est nulle (l'élément ne flotte pas et sera affiché à la position où il apparaît dans le texte.).

Dans jquery, vous pouvez supprimer l'attribut float en définissant la valeur de l'attribut sur none.

Deux méthodes sont présentées ci-dessous :

1. Utilisez la méthode css()

css() pour renvoyer ou définir un ou plusieurs attributs de style de l'élément correspondant.

<!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="Comment supprimer l'attribut float dans jquery" >
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		这是一些文本。这是一些文本。这是一些文本。
		</p>
		<button>去除float</button>
	</body>

</html>

Copier après la connexion

Comment supprimer lattribut float dans jquery

2. Utilisez attr()

Utilisez la méthode attr() pour contrôler l'attribut de style et définir un nouveau style flottant

$(document).ready(function() {
	$("button").click(function() {
		$("img").attr("style","float:none");
	});
});

Copier après la connexion

Comment supprimer lattribut float dans jquery

【Apprentissage recommandé : Tutoriel vidéo jQuery, vidéo frontale Web 】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!