Comment ajouter du style CSS à js

Comment ajouter du style css dans js : 1. Ajoutez le style en appelant la méthode css de l'élément ; 2. Ajoutez le style css par addClass, avec des instructions telles que "$("#txtName"). addClass("aa" );".

L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur Dell G3.

Comment ajouter du style CSS à js ?

Un résumé des méthodes pour ajouter du style 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.

Pour un style CSS défini, vous pouvez appeler la méthode CSS de l'élément pour ajouter un style

$("span").css("css属性名","属性值")
如：
$("span").css("color","red") 将标签为span的字体都设为红色的

S'il s'agit d'un style CSS défini, vous pouvez l'ajouter via addClass, tel que

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

ci-dessous Répertoriez les méthodes d'exploitation des 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"}):可以多次添加样式

Affichage du juge pour masquer et afficher

   // 判断是否为隐藏(css)样式
    function isHide(obj) {
    var ret = obj.style.display === "none" ||
    obj.style.display === "" ||
    (obj.currentStyle && obj.currentStyle === "none") ||
    (window.getComputedStyle && window.getComputedStyle(obj, null).display === "none")
   
    return ret;
    }

Recommandé : "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!