Maison > Article > interface Web > Comment effacer la largeur maximale de l'élément (largeur maximale) dans jquery

Comment effacer la largeur maximale de l'élément (largeur maximale) dans jquery

青灯夜游original: 2022-04-27 20:03:033382parcourir

Comment effacer la largeur maximale : 1. Utilisez css(), la syntaxe "$("specified element").css("max-width","none""); 2. Utilisez attr(), la syntaxe "$ ("élément spécifié").attr("style","max-width:none;")".

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.

Le style de largeur maximale de l'élément

L'attribut max-width définit la largeur maximale de l'élément.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
  	<textarea>文本框默认宽度</textarea><br>
    <textarea style="max-width: 400px;">文本框最大宽度400px</textarea>
  </body>
</html>

Comment effacer la largeur maximale de l'élément (largeur maximale) dans jquery

Comment effacer la largeur maximale de l'élément (largeur maximale) dans jquery

Méthode 1 : utilisez css() pour définir la valeur de largeur maximale sur aucune

<!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() {
					$("textarea").css("max-width","none");
				});
			});
		</script>
		<style type="text/css">
			textarea{
				max-width: 300px;
			}
		</style>
	</head>
	<body>
		<textarea>文本框最大宽度300px</textarea><br><br>
		<button>清除max-width</button>

	</body>
</html>

Comment effacer la largeur maximale de lélément (largeur maximale) dans jquery

2, Utilisez attr() pour définir la valeur de max-width sur none

<!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() {
					$("textarea").attr("style","max-width:none");
				});
			});
		</script>
		<style type="text/css">
			textarea{
				max-width: 300px;
			}
		</style>
	</head>
	<body>
		<textarea>文本框最大宽度300px</textarea><br><br>
		<button>清除max-width</button>

	</body>
</html>

Comment effacer la largeur maximale de lélément (largeur maximale) 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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment ajouter du contenu à la fin d'un div dans jqueryArticle suivant：Comment ajouter du contenu à la fin d'un div dans jquery

Articles Liés

Voir plus