Comment cacher plus d'une partie dans jquery-Questions et réponses frontales-php.cn

Comment cacher plus d'une partie dans jquery

青灯夜游

Libérer： 2022-06-10 14:57:47

original

1815 Les gens l'ont consulté

Dans jquery, vous pouvez ajouter un style de débordement à un élément via la méthode css() pour masquer la partie excédentaire. La syntaxe est "$("élément spécifié").css("overflow","hidden");" . La méthode css() peut définir un ou plusieurs attributs de style pour l'élément spécifié ; l'attribut overflow est utilisé pour définir la méthode de traitement lorsque le contenu déborde de la boîte de l'élément. Lorsque la valeur de l'attribut est définie sur "cachée", la partie excédentaire (. contenu de débordement) peut être coupé et masqué.

Comment cacher plus d'une partie dans jquery

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

Dans jquery, vous pouvez ajouter un style de débordement à un élément via la méthode css() pour masquer la partie excédentaire. La méthode

css() peut définir un ou plusieurs attributs de style de l'élément correspondant. Lorsque vous utilisez cette méthode pour définir le style overflow: Hidden; sur un élément, la partie excédentaire peut être masquée.

Format de syntaxe :

$("指定元素").css("overflow","hidden");

Copier après la connexion

L'attribut overflow peut contrôler l'ajout de barres de défilement dans la plage d'éléments correspondante lorsque le contenu déborde de la zone d'élément, qui est utilisé pour définir la méthode de traitement lorsque le contenu déborde de la zone d'élément.

Lorsque la valeur de cet attribut est définie sur "caché", la partie excédentaire (contenu de débordement) peut être découpée et masquée.

Code d'implémentation :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("div").css("overflow","hidden");
				});
			});
		</script>
		<style>
			div {
				background-color: #eee;
				width: 200px;
				height: 100px;
				border: 1px dotted black;
				overflow: visible;
			}
		</style>
	</head>
	<body>

		<div>
			<p>这里的文本内容会溢出元素框。</p>
			<p>这里的文本内容会溢出元素框。</p>
			<p>这里的文本内容会溢出元素框。</p>
		</div>
		<br><br><br><br><br>
		<button>隐藏多个td元素</button>
	</body>
</html>

Copier après la connexion

Comment cacher plus dune partie dans jquery