jquery appelle la méthode d'attribut

JQuery est une bibliothèque JavaScript très couramment utilisée, qui peut grandement simplifier l'écriture de code JavaScript, notamment lors de la manipulation du DOM. Cet article explique comment utiliser les méthodes d'attribut (.prop() et .attr()) dans JQuery pour exploiter les attributs des éléments HTML.

Les méthodes d'attribut font référence aux méthodes utilisées pour obtenir et définir les attributs des éléments HTML. En HTML, les attributs font partie d'une balise et permettent de personnaliser la balise ou le contenu de la balise. JQuery propose deux méthodes pour accéder aux propriétés : .prop() et .attr(). La méthode

.prop() est utilisée pour obtenir et définir des attributs HTML standard (tels que vérifié, désactivé, sélectionné, etc.) et des attributs d'objet (tels que nodeName, nodeType, etc.), et renvoyer des valeurs booléennes, des chaînes, ou des chiffres. Voici l'utilisation de base de la méthode .prop() :

// 获取属性值
$(selector).prop(propertyName);

// 设置属性值
$(selector).prop(propertyName, value);

Par exemple, pour savoir si un bouton radio est sélectionné, vous pouvez utiliser le code suivant :

<input type="radio" name="gender" id="male" value="male">Male
<input type="radio" name="gender" id="female" value="female">Female

if ($('#male').prop('checked')) {
  // 如果male被选中
}

Si vous souhaitez désactiver toutes les zones de saisie de texte, vous Vous pouvez utiliser le code suivant :

$('input[type="text"]').prop('disabled', true);

Au contraire, si vous souhaitez activer toutes les zones de saisie de texte, vous pouvez définir la valeur du paramètre sur false. La méthode

.attr() est utilisée pour obtenir et définir tous les attributs HTML et renvoyer les valeurs de chaîne. Voici l'utilisation de base de la méthode .attr() :

// 获取属性值
$(selector).attr(attributeName);

// 设置属性值
$(selector).attr(attributeName, value);

Par exemple, pour obtenir la valeur de l'attribut alt d'une image, vous pouvez utiliser le code suivant :

<img src="image.jpg" alt="这是一张照片">

var altValue = $('img').attr('alt');

Si vous souhaitez modifier la valeur de l'attribut src de la balise img, vous pouvez utiliser le code suivant :

$('img').attr('src', 'newImage.jpg');

Il est à noter que certaines propriétés peuvent être obtenues et définies en utilisant à la fois les méthodes .prop() et .attr(), tandis que certaines propriétés ne peuvent utiliser qu'une seule des méthodes. . Par exemple, les propriétés cochées et désactivées ne peuvent être utilisées qu'avec la méthode .prop(), et l'utilisation de la méthode .attr() n'aura aucun effet.

Pour résumer, lorsque vous utilisez des attributs HTML, si vous utilisez des attributs HTML standard ou des attributs d'objet, vous devez utiliser la méthode .prop(). Si vous souhaitez manipuler d'autres attributs HTML, vous devez utiliser la méthode .attr(). Lors de l’utilisation des deux méthodes, des compromis doivent être faits et la méthode appropriée doit être choisie pour obtenir les résultats souhaités.

Ce qui précède est une introduction de base aux méthodes d'attributs (.prop() et .attr()) dans JQuery. Si vous souhaitez en savoir plus sur JQuery, veuillez lire la documentation officielle de JQuery.

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!