Comment ajouter des attributs CSS dans jquery-js tutoriel-php.cn

Comment ajouter des attributs CSS dans jquery

藏色散人

Libérer： 2021-05-27 10:54:19

original

3152 Les gens l'ont consulté

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");".

Comment ajouter des attributs CSS dans jquery

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");

Copier après la connexion

Définir les propriétés CSS

Pour définir une propriété CSS spécifique, utilisez la syntaxe suivante :

css("propertyname","value");

Copier après la connexion

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>

Copier après la connexion

Effet :

Comment ajouter des attributs CSS dans jquery