Comment ajouter du style CSS à js

Comment ajouter un style CSS dans js : 1. Ajoutez un style via "$("span").css("nom de l'attribut CSS", "valeur de l'attribut")" 2. Via "addClass()"; Méthode pour ajouter des styles CSS.

L'environnement d'exploitation de cet article : système Windows7, version jquery3.2.1&&css3, ordinateur Dell G3.

js ajoute des styles CSS :

Étant donné que jquery prend en charge CSS3, il est bien compatible avec de nombreux navigateurs, il est donc préférable d'utiliser les styles CSS via jquery.

• js ajoutant la méthode de style CSS

Si le style CSS n'est pas défini, vous pouvez appeler la méthode css() de l'élément pour ajouter le style.

$("span").css("css属性名","属性值")

Exemple : définissez les polices avec les balises span sur rouge

$("span").css("color","red")

S'il s'agit d'un style CSS défini, il peut être ajouté via la méthode addClass(), telle que

<style type="text/css">
   .aa {
        border:1px solid red;
    }
</style>
  
$("#txtName").addClass("aa");
<input id="txtName"type="text"value="请输入你的姓名"/>

• Comment utiliser les styles CSS :

1、.css("样式")：获得样式值，比如$("input").css("color") 获得input中字体的颜色
2、.css("样式","value"):为样式赋值，如$("input").css("color","red");
3、.addClass("样式类1,样式类2,样式类3"):可以添加多个定义好的样式类
4、.hasClass("样式类类")：判断是否存在该样式
5、.toggleClass("样式类")：如果存在(不存在)就切换(删除)样式
6、.toggleClass("样式类",swith):如果swith为false，则删除样式，如果swith为true，则切换成该类
7、removeClass("样式类")：移除样式类
8、.css({样式名:"value",样式名:"value",样式名:"value"}):可以多次添加样式

Étude recommandée : "Tutoriel avancé JavaScript"

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!