Maison > interface Web > Questions et réponses frontales > Comment modifier le contenu d'un dans jquery

Comment modifier le contenu d'un dans jquery

藏色散人
Libérer: 2021-12-01 11:53:33
original
2847 Les gens l'ont consulté

Comment modifier le contenu d'un avec jquery : 1. Définissez la valeur d'attribut de l'élément sélectionné via la méthode jquery attr() ; 2. Définissez le contenu du texte de l'élément sélectionné via la méthode jquery text() ;

Comment modifier le contenu d'un dans jquery

L'environnement d'exploitation de cet article : système windows7, jquery version 3.2.1, ordinateur DELL G3

Comment modifier le contenu d'un avec jquery ?

jquery pour modifier le lien href et le texte d'une balise

Le code suivant pour modifier le lien href et le texte d'une balise :

<script type="text/javascript" src="http:/keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
Copier après la connexion

Lien original :

<a href="http://keleyi.com" id="home_keleyi_com">柯乐义</a>
Copier après la connexion

Modifier le lien href d'une balise :

$(&#39;#home_keleyi_com&#39;).attr(&#39;href&#39;,&#39;http://keleyi.com&#39;);
Copier après la connexion

Modifier le texte :

$("#home_keleyi_com").text(&#39;柯乐义首页&#39;);
Copier après la connexion

Le lien modifié est :

<a href="http://keleyi.com" id="home_keleyi_com">柯乐义首页</a>
Copier après la connexion

Ce qui suit est le code complet :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery修改链接--柯乐义</title>
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
</head>
<body>
Copier après la connexion

jquery pour modifier le lien href et le texte de la balise a, cliquez d'abord sur le lien ci-dessous
puis cliquez sur le bouton "Modifier", puis cliquez sur Cliquez une fois sur le lien ci-dessous et faites attention à la différence en ouvrant la page deux fois :


原文
Copier après la connexion

Apprentissage recommandé : "Tutoriel vidéo 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal