Comment modifier la valeur de l'attribut CSS de l'élément dans jquery-js tutoriel-php.cn

Comment modifier la valeur de l'attribut CSS de l'élément dans jquery

青灯夜游

Libérer： 2023-01-07 11:46:05

original

3039 Les gens l'ont consulté

Dans jquery, vous pouvez utiliser la méthode css() pour définir les attributs CSS et modifier les valeurs des attributs CSS des éléments ; la méthode css() peut définir un ou plusieurs attributs de style de l'élément correspondant, la syntaxe est "$(selector). css(" Attribut","Valeur de l'attribut");".

Comment modifier la valeur de l'attribut CSS de l'élément dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Dans jquery, vous pouvez utiliser la méthode css() pour définir les attributs CSS et modifier les valeurs des attributs CSS des éléments. La méthode

css() peut définir un ou plusieurs attributs de style de l'élément correspondant.

Syntaxe :

$(selector).css(name,value)

Copier après la connexion

Paramètres

Description

nom

Obligatoire. Spécifie le nom de la propriété CSS. Ce paramètre peut contenir n'importe quelle propriété CSS, telle que "color".

valeur

参数

描述

name

必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性，比如 "color"。

value

可选。规定 CSS 属性的值。该参数可包含任何 CSS 属性值，比如 "red"。

如果设置了空字符串值，则从元素中删除指定属性。

Facultatif. Spécifie la valeur d'une propriété CSS. Ce paramètre peut contenir n'importe quelle valeur de propriété CSS, telle que "red".

Si la valeur de chaîne vide est définie, supprime l'attribut spécifié de l'élément.

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.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元素的background-color属性的值</button>
</body>
</html>

Copier après la connexion

Rendu : Comment modifier la valeur de lattribut CSS de lélément dans jquery