Maison >interface Web >js tutoriel >Comment changer le style CSS avec jquery
Comment changer le style CSS avec jquery
- 青灯夜游original
- 2021-04-28 16:16:453547parcourir
Comment changer le style CSS avec jquery : utilisez d'abord "$()" pour obtenir le nœud de l'élément HTML, puis utilisez la méthode css() pour changer le style CSS ; selector").css(" Nom de l'attribut","Valeur de la propriété");".
L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 3.0.0, ordinateur Dell G3.
Dans jquery, vous pouvez utiliser la méthode css() pour changer le style CSS. La méthode
css() définit ou renvoie un ou plusieurs attributs de style de l'élément sélectionné.
La syntaxe de base est la suivante
$(‘选择器’).css('属性名称','属性值');
Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script>
$(function() {
$(".big").css("font-size", "30px");
$("#color").css("color", "red");
});
</script>
</head>
<body>
<ul>
<li class="big">测试文本</li>
<li>测试文本</li>
<li id="color">测试文本</li>
<li>测试文本</li>
</ul>
</body>
</html>Rendu :
Tutoriel vidéo recommandé associé : Tutoriel jQuery (Vidéo)
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!