Maison > Article > interface Web > Comment cacher plus d'une partie dans jquery
Comment cacher plus d'une partie dans jquery
- 青灯夜游original
- 2022-06-10 14:57:471797parcourir
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é.
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");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>
[Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end]
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!