Comment effacer la largeur d'un élément dans jquery-Questions et réponses frontales-php.cn

Comment effacer la largeur d'un élément dans jquery

青灯夜游

Libérer： 2022-11-02 19:58:10

original

1866 Les gens l'ont consulté

3 méthodes : 1. Utilisez width() pour définir la largeur à 0, la syntaxe "$("specified element").width("0");" 2. Utilisez css() pour définir la valeur du attribut width à 0, syntaxe "$("élément spécifié").css("width","0");"; 3. Utilisez attr() pour définir la valeur de width sur 0, syntaxe "$("élément spécifié ").attr ("style","largeur:0");".

Comment effacer la largeur d'un élément dans jquery

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

Effacer la largeur (width) d'un élément signifie effacer l'attribut width (style) de l'élément (en définissant la valeur de l'attribut sur 0).

3 façons d'effacer la largeur d'un élément avec jquery

1. Utilisez width() pour définir la largeur sur 0

width() renvoie ou définit la largeur de l'élément correspondant.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("#box").width("0");
				});
			});
		</script>
		<style>
			p{
				width: 100px;
				height: 20px;
				border: 1px solid red;
				overflow: hidden;
			}
		</style>
	</head>
	<body>

		<p>一个段落</p>
		<p id="box">一个段落</p>
		<br><br><br>
		<button>清除元素的宽度</button>
	</body>
</html>

Copier après la connexion

Comment effacer la largeur dun élément dans jquery

2. Utilisez css() pour définir la valeur de l'attribut width sur 0

La méthode css() peut définir un ou plusieurs attributs de style de l'élément sélectionné.

Syntaxe :

$(selector).css(name,value)

Copier après la connexion

Paramètres	Description
nom	Obligatoire. Spécifie le nom de la propriété CSS. Ce paramètre peut contenir n'importe quelle propriété CSS, telle que "color".
valeur	facultatif. Spécifie la valeur d'une propriété CSS. Ce paramètre peut contenir n'importe quelle valeur de propriété CSS, telle que "red". Si la valeur de chaîne vide est définie, supprime l'attribut spécifié de l'élément.

Paramètres

Description

nom

Obligatoire. Spécifie le nom de la propriété CSS. Ce paramètre peut contenir n'importe quelle propriété CSS, telle que "color".

valeur

facultatif. Spécifie la valeur d'une propriété CSS. Ce paramètre peut contenir n'importe quelle valeur de propriété CSS, telle que "red".

Si la valeur de chaîne vide est définie, supprime l'attribut spécifié de l'élément.

Il suffit de définir le nom sur « largeur » et la valeur sur « 0 ».

【Apprentissage recommandé :

Tutoriel vidéo jQuery Comment effacer la largeur dun élément dans jquery ,