jquery définit une valeur de note

Dans le développement Web, nous utilisons souvent des hyperliens (balises a) pour la navigation dans les pages. Parfois, nous devons modifier ou définir la valeur d'attribut d'une balise dans le code JavaScript, telle que href, title, etc. jQuery est une bibliothèque JavaScript très populaire qui fournit de nombreuses méthodes pratiques pour gérer les opérations DOM. Dans cet article, je vais vous montrer comment utiliser jQuery pour définir la valeur d'attribut d'une balise.

1. Définissez la valeur de l'attribut href d'une balise

Modifiez l'adresse du lien d'une balise, ce qui peut être obtenu via la méthode attr() dans jQuery. Cette méthode peut obtenir ou définir la valeur d'attribut de l'élément. Le format est le suivant :

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

où selector est le sélecteur d'élément,attributName est le nom de l'attribut et value est la valeur de l'attribut.

Prenons comme exemple la définition de la valeur de l'attribut href d'une balise a liée à Baidu. Le code est le suivant :

<a id="myLink" href="http://www.google.com">Google</a>  
<script>  
$("#myLink").attr("href", "http://www.baidu.com");  
</script> 

Ce code modifiera la valeur de l'attribut href de la balise a de Google à Baidu.

2. Définissez la valeur de l'attribut title d'une balise

L'attribut title est utilisé pour le texte affiché lorsque la souris survole l'élément. La méthode de configuration à l'aide de jQuery est la même que la définition de l'attribut href. :

<a id="myLink" href="http://www.baidu.com" title="百度">Baidu</a>  
<script>  
$("#myLink").attr("title", "谷歌");  
</script> 

Ce code La valeur de l'attribut titre de la balise a passe de Baidu à Google.

3. Définissez la valeur de l'attribut de classe de la balise a

L'attribut de classe est utilisé pour définir la classe de style et peut appliquer plusieurs styles à l'élément en même temps. Dans jQuery, vous pouvez utiliser les méthodes addClass() et RemoveClass() pour ajouter ou supprimer l'attribut class. Le code est le suivant :

<a id="myLink" href="http://www.baidu.com" class="link1 link2">Baidu</a>  
<script>  
$("#myLink").addClass("link3"); //添加样式类link3
$("#myLink").removeClass("link2"); //删除样式类link2
</script> 

Ce code ajoutera la classe de style link3 à la balise a et supprimera la classe de style link2.

4. Définissez la valeur de l'attribut cible de la balise a

L'attribut cible est utilisé pour spécifier la fenêtre ouverte par le lien, avec des valeurs facultatives​​telles que _blank, _self, _parent, _top, etc. La valeur de l'attribut peut être définie à l'aide de la méthode attr() de jQuery. Le code est le suivant :

<a id="myLink" href="http://www.baidu.com" target="_blank">Baidu</a>  
<script>  
$("#myLink").attr("target", "_self");  
</script> 

Ce code modifiera la valeur de l'attribut cible de la balise a de _blank à _self, en spécifiant que le lien sera ouvert dans la fenêtre actuelle. .

5. Définir le contenu textuel de la balise a

Parfois, nous devons modifier le contenu textuel de la balise a, ce qui peut être réalisé via les méthodes text() et html() de jQuery. La méthode text() est utilisée pour définir ou obtenir le contenu textuel de l'élément, et la méthode html() est utilisée pour définir ou obtenir le contenu HTML de l'élément. Le code est le suivant :

<a id="myLink" href="#">Link</a>  
<script>  
$("#myLink").text("New Link Text"); //修改文本内容
$("#myLink").html("<b>New</b> Link Text"); // 修改HTML内容
</script> 

Ce code modifiera le contenu du texte de la balise a de Link à New Link Text. Vous pouvez également utiliser la méthode html() pour ajouter un effet gras.

Résumé

À travers les exemples ci-dessus, nous pouvons voir que l'utilisation de la méthode attr() de jQuery peut facilement modifier divers attributs de la balise a, réalisant ainsi mieux notre effet d'interaction de page. Par rapport à JavaScript, jQuery fournit une API plus simple et plus efficace, devenant rapidement le premier choix des développeurs Web.

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!