Comment obtenir la valeur href sur une balise avec jquery

jQuery est une bibliothèque JavaScript largement utilisée. Les concepteurs et développeurs Web utilisent jQuery dans leurs projets. Son objectif principal est de rendre les programmes JavaScript plus faciles à utiliser et de fournir plus de fonctions et d'effets. Dans le développement front-end, il est souvent nécessaire d'obtenir la valeur href sur la balise a, et jQuery fournit une méthode pratique pour y parvenir.

Obtenir la valeur href sur la balise a est un besoin courant. Parfois, nous devons mettre à jour la valeur href de la balise a vers un nouveau lien, ou effectuer certaines opérations lorsque vous cliquez sur le lien. jQuery fournit des sélecteurs pour opérer sur les éléments DOM, dont le plus couramment utilisé est la méthode selector $().

Pour obtenir la valeur href sur la balise a, utilisez simplement le sélecteur pour sélectionner l'élément a et utilisez la méthode attr() pour obtenir la valeur de l'attribut href. Voici un exemple de code qui utilise jQuery pour obtenir la valeur href sur la balise a :

// 获取单个a标签href值
var href = $('a').attr('href');

// 获取多个a标签href值
$('a').each(function() {
  var href = $(this).attr('href');
  console.log(href);
});

// 当a标签被点击时获取href值
$('a').on('click', function() {
  var href = $(this).attr('href');
  console.log(href);
});

Analyse du code :

Le premier exemple utilise le sélecteur $() pour obtenir la première balise a de la page et utilise l'attr () Méthode Obtenez sa valeur d'attribut href. Si votre page comporte plusieurs balises a, cette méthode renverra la valeur de l'attribut href de la première balise correspondant à une balise.

Le deuxième exemple parcourt chaque balise a et obtient sa valeur d'attribut href en utilisant la méthode each(). L'utilisation de la méthode each() vous permet de trouver toutes les balises a que vous devez traiter dans le document.

Le troisième exemple montre comment obtenir la valeur de l'attribut href d'une balise lorsqu'on clique dessus. Lorsque vous cliquez, utilisez la méthode on() pour écouter l'événement. Cela fait référence à la balise actuellement cliquée, qui est convertie en objet jQuery via $(this), et la méthode attr() est utilisée pour obtenir son attribut href. valeur.

Résumé :

Dans le développement front-end, obtenir la valeur href sur la balise a est une exigence très courante. jQuery fournit des moyens simples pour y parvenir et vous permet d'accéder et de manipuler facilement la valeur. Utilisez le sélecteur pour sélectionner la balise a à utiliser et utilisez la méthode attr() pour obtenir sa valeur d'attribut href.

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!