Parlons de la façon de supprimer dynamiquement des attributs dans jQuery-Questions et réponses frontales-php.cn

Parlons de la façon de supprimer dynamiquement des attributs dans jQuery

PHPz

Libérer： 2023-04-06 11:16:15

original

680 Les gens l'ont consulté

jQuery est une bibliothèque JavaScript largement utilisée qui optimise, simplifie et unifie la façon dont la manipulation du DOM est effectuée. jQuery fournit un grand nombre de fonctions encapsulées pour faciliter l'utilisation d'opérations DOM courantes, telles que l'ajout, la suppression, la modification des attributs et du contenu des éléments DOM, etc. Parmi elles, la fonction attr() est une méthode utilisée pour obtenir ou définir la valeur d'attribut d'un élément DOM. Mais parfois, nous devons supprimer un attribut, auquel cas nous devons utiliser la méthode removeAttr() de attr(). Cet article vous présentera la méthode de suppression dynamique d'attributs dans jQuery.

Présentation de jQuery attr()

Avant d'introduire la suppression dynamique des attributs, passons en revue la fonction attr() de jQuery. La fonction attr() a pour fonction d'obtenir ou de définir la valeur d'attribut d'un élément DOM. L'utilisation est la suivante :

// 获取属性值
$(selector).attr(attribute)
// 设置属性值
$(selector).attr(attribute,value)

Copier après la connexion

selector est un sélecteur utilisé pour spécifier un élément HTML ou une collection. d'éléments ;

selector

attribute 是一个属性名称字符串；
value 是一个属性值字符串或函数。

如果需要同时设置多个属性，可以使用对象作为参数，语法如下：

$(selector).attr({attribute1:value1, attribute2:value2, ...})

Copier après la connexion

jQuery removeAttr() 方法

removeAttr() 函数是 jQuery 中动态移除属性的函数，其语法为：

$(selector).removeAttr(attribute)

Copier après la connexion

其中，selector 和 attributeattribute est une chaîne de nom d'attribut ;

value est une chaîne de valeur d'attribut ou une fonction.

Si vous devez définir plusieurs attributs en même temps, vous pouvez utiliser des objets comme paramètres. La syntaxe est la suivante :

$("input[type='button']").removeAttr("disabled");

Copier après la connexion

Méthode jQuery RemoveAttr()

`removeAttr().` La fonction est dans jQuery La syntaxe de la fonction de suppression dynamique des attributs est :

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>jQuery attr() 和 removeAttr() 实例</title>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script>
    $(document).ready(function(){
      $("button").click(function(){
        $("p").attr("style","background-color:yellow; font-size:24px;");
      });
      $("input[type='button']").click(function(){
        $("p").removeAttr("style");
      });
    });
  </script>
  <style>
    p {
      background-color: lightblue;
      font-size: 20px;
    }
  </style>
</head>
<body>

<h2>jQuery attr() 和 removeAttr() 实例</h2>

<p>点击第一个按钮将更改样式。</p>

<button>更改样式</button>
<input type="button" value="移除样式">

</body>
</html>

Copier après la connexion

Parmi eux, les significations de selector et attribute sont les mêmes que ceux de la fonction attr(). La fonction removeAttr() peut supprimer dynamiquement les attributs HTML et les remettre à leur état par défaut.

Par exemple, nous pouvons supprimer l'attribut "disabled" de l'élément avec le code suivant :

rrreee🎜Notez que la fonction removeAttr() ne peut supprimer que les attributs qui existent dans les éléments HTML. Si l'élément a des attributs définis et modifiés via CSS, cette méthode ne peut pas supprimer ces valeurs d'attribut modifiées. 🎜🎜Exemples jQuery attr() et removeAttr()🎜🎜Dans l'exemple suivant, nous utilisons les méthodes attr() et removeAttr() pour modifier dynamiquement les attributs des éléments HTML. Nous créons d'abord un morceau de code HTML : 🎜rrreee🎜 Nous référençons la dernière version de la bibliothèque jQuery dans ce code texte et créons une page HTML qui contient un bouton et une zone de saisie. Lorsque l'utilisateur clique sur le bouton Modifier le style, la couleur d'arrière-plan de l'élément

passe au jaune et la taille de la police passe à 24 px. Lorsque l'utilisateur clique sur le bouton Supprimer le style, l'élément

revient à son état par défaut. Les gestionnaires d'événements pour ces deux boutons utilisent les méthodes attr() et removeAttr() de jQuery. Bien entendu, on peut également tester ces deux méthodes dans la console. 🎜

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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Parlons de la façon de supprimer dynamiquement des attributs dans jQuery

Présentation de jQuery attr()

jQuery removeAttr() 方法

`removeAttr().` La fonction est dans jQuery La syntaxe de la fonction de suppression dynamique des attributs est :

Parlons de la façon de supprimer dynamiquement des attributs dans jQuery

Présentation de jQuery attr()

jQuery removeAttr() 方法

removeAttr(). La fonction est dans jQuery La syntaxe de la fonction de suppression dynamique des attributs est :

`removeAttr().` La fonction est dans jQuery La syntaxe de la fonction de suppression dynamique des attributs est :