Maison >interface Web >js tutoriel >Comment ajouter des attributs CSS dans jquery
Comment ajouter des attributs CSS dans jquery
- 藏色散人original
- 2021-05-27 10:54:193220parcourir
La façon dont jquery ajoute des attributs CSS est la méthode css(). Cette méthode peut définir ou renvoyer un ou plusieurs attributs de style de l'élément sélectionné. La syntaxe pour définir et ajouter des attributs CSS est "css("propertyname" . , "valeur");".
L'environnement d'exploitation de cet article : système Windows 7, version jquery3.2.1&&css3, ordinateur DELL G3
jQuery css( ) méthode
La méthode css() définit ou renvoie un ou plusieurs attributs de style de l'élément sélectionné.
Renvoyer les propriétés CSS
Pour renvoyer la valeur d'une propriété CSS spécifiée, veuillez utiliser la syntaxe suivante :
css("propertyname");Définir les propriétés CSS
Pour définir une propriété CSS spécifique, utilisez la syntaxe suivante :
css("propertyname","value");L'exemple suivant définira la valeur de couleur d'arrière-plan pour tous les éléments correspondants :
Exemple
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").css("background-color","yellow");
});
});
</script>
</head>
<body>
<h2>这是标题</h2>
<p style="background-color:#ff0000">这是一个段落。</p>
<p style="background-color:#00ff00">这是一个段落。</p>
<p style="background-color:#0000ff">这是一个段落。</p>
<p>这是一个段落。</p>
<button>设置 p 元素的背景色</button>
</body>
</html>Effet :
Apprentissage recommandé : "Tutoriel vidéo jquery"
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!