interface Webjs tutorielMéthode Jquery attr() explication détaillée de l'affectation d'attribut et de l'acquisition d'attribut_jqueryMéthode Jquery attr() explication détaillée de l'affectation d'attribut et de l'acquisition d'attribut_jquery
La méthode attr() est utilisée dans jquery pour obtenir et définir les attributs des éléments. attr est l'abréviation d'attribut. Attr() est souvent utilisé dans les opérations jQuery DOM. attr() a 4 expressions.
1. attr(attribute name) //Obtenir la valeur de l'attribut (obtenir la valeur de l'attribut du premier élément correspondant. Cette méthode peut facilement obtenir la valeur d'un attribut à partir du premier élément correspondant. Si l'élément ne le fait pas avoir un attribut correspondant, renvoie undefined )
2. attr(nom de l'attribut, valeur de l'attribut) //Définissez la valeur de l'attribut (Définissez une valeur d'attribut pour tous les éléments correspondants.)
3. attr(nom de l'attribut, valeur de la fonction) //Définissez la valeur de fonction de l'attribut (Définissez une valeur d'attribut calculée pour tous les éléments correspondants. Ne fournissez pas de valeur, mais fournissez une fonction et la valeur calculée par celle-ci. la fonction est la valeur de l'attribut)
4. attr(properties) //Définissez plusieurs valeurs d'attribut pour l'élément spécifié, à savoir : {Nom d'attribut un : "Valeur d'attribut un", Nom d'attribut deux : "Valeur d'attribut deux", ... .. .}. (C'est la meilleure façon de définir de nombreux attributs par lots sur tous les éléments correspondants. Notez que si vous souhaitez définir l'attribut de classe d'un objet, vous devez utiliser « className » comme nom d'attribut. Ou vous pouvez utiliser directement « class » ou 'identifiant' )
Exemple de code :
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery中attr()方法</title>
<script src="js/jquery-1.4.2.min.js" language="javascript" type="text/javascript" ></script>
<style>
p{color:red}
li{color:blue;}
.lili{font-weight:bold;color:red;}
#lili{font-weight:bold;color:red;}
</style>
</head>
<body>
<p title="你最喜欢的水果是。">你最喜欢的水果是？</p>
<ul>
<li title="苹果汁">苹果</li>
<li title="橘子汁" alt="123">橘子</li>
<li title="菠萝汁">菠萝</li>
</ul>
<script>
...
</script>
</body>
<html>
1.attr(name)//Obtenir la valeur de l'attribut
1.1 Utilisez attr(name) pour obtenir la valeur du titre :
<script>
alert($("ul li:eq(1)").attr("title"));
</script>
Résultats : Afficher le jus d'orange
1.2 Utilisez attr(name) pour obtenir la valeur alt :
<script>
alert($("ul li:eq(1)").attr("alt"));
</script>
Résultat :
Affichage 123
2. attr(name,value) //Définir la valeur de l'attribut
2.1 Utilisez attr(name,value) pour modifier la valeur du titre en : Ne mangez pas d'oranges
<script>
$("ul li:eq(1)").attr("title","不吃橘子");
alert($("ul li:eq(1)").attr("title"));
</script>
Résultat :
Montrez de ne pas manger d'oranges
3. attr(name,fn) //Définir la valeur de fonction de l'attribut
3.1 Définissez la valeur de l'attribut alt sur la valeur de l'attribut title.
<script>
$("ul li:eq(1)").attr("title",function(){ return this.alt});
alert($("ul li:eq(1)").attr("title"));
</script>
Résultat :
Affichage 123
4.attr(properties) //Définit un objet sous la forme de "nom/valeur" comme attributs de tous les éléments correspondants
4.1 Obtenez le deuxième
- et définissez les attributs title et alt.
-
<script> $("ul li:eq(1)").attr({className:"lili"}); </script>Résultat :
- Pomme
- Orange
- Ananas
- dans
- .
- Pomme
- Orange
- Ananas
- dans
- Pomme
- Orange
- Ananas
<script> $("ul li:eq(1)").attr({style:"color:red"}); </script>Résultat :
Il est faux d'ajouter alt dans li. Il ne peut être utilisé que dans les éléments img, area et input (y compris les éléments d'applet). Pour les éléments d'entrée, l'attribut alt est destiné à remplacer l'image du bouton de soumission. Afin d'expliquer la méthode attr() en détail ici, il n'y a pas d'attribut approprié, donc alt est utilisé comme exemple. C'est uniquement pour l'apprentissage et la référence de l'utilisation de la méthode attr().
Voici la différence entre alt et tite.
alt : Il s'agit du texte utilisé pour décrire les graphiques. Lorsque l'image ne peut pas être affichée, ces textes seront affichés à la place de l'image. Le texte sera également affiché lorsque la souris sera déplacée sur l'image.
titre : C'est le texte qui sera affiché une fois la souris placée dessus.
Alors comment supprimer des attributs ?
Le mot-clé pour supprimer les attributs dans jquery est : removeAttr. Notez que A est en majuscule. Voyez comment l'utiliser :
.Le même code html en usage premier, je veux supprimer l'attribut title de li, alors ça y est :
<script> $("ul li:eq(1)").removeAttr("title"); </script>C'est aussi simple que cela, attr est en fait une implémentation simplifiée de getAttribute en js natif, et RemoveAttr est l'abréviation de RemoveAttribute.
Alors, existe-t-il un attribut similaire à attr() ?
val() dans jquery est similaire,
$(this).val(); Obtient la valeur d'un nœud d'élément, équivalent à $(this).attr("value");
$(this).val(value); Définir la valeur d'un nœud d'élément, équivalent à $(this).attr("value",value);
L'explication détaillée ci-dessus de l'attribution et de l'acquisition d'attributs de la méthode Jquery attr() est tout le contenu partagé par l'éditeur. J'espère qu'elle pourra vous donner une référence, et j'espère également que vous soutiendrez Script Home.
<script> $("ul li:eq(1)").attr({id:"lili"}); </script>Résultat :
4.4 Obtenez le deuxième
<script>
$("ul li:eq(1)").attr({title:"不喝橘子汁",alt:"不是123"});
alert($("ul li:eq(1)").attr("title"));
alert($("ul li:eq(1)").attr("alt"));
</script>
Résultat :
Affichage 2, ne buvez pas de jus d'orange, pas 123
4.2 Obtenez la deuxième classe de paramètres
4.3 Obtenez l'identifiant de paramètre du deuxième
Moteurs JavaScript: comparaison des implémentationsApr 13, 2025 am 12:05 AMDifférents moteurs JavaScript ont des effets différents lors de l'analyse et de l'exécution du code JavaScript, car les principes d'implémentation et les stratégies d'optimisation de chaque moteur diffèrent. 1. Analyse lexicale: convertir le code source en unité lexicale. 2. Analyse de la grammaire: générer un arbre de syntaxe abstrait. 3. Optimisation et compilation: générer du code machine via le compilateur JIT. 4. Exécuter: Exécutez le code machine. Le moteur V8 optimise grâce à une compilation instantanée et à une classe cachée, SpiderMonkey utilise un système d'inférence de type, résultant en différentes performances de performances sur le même code.
Au-delà du navigateur: Javascript dans le monde réelApr 12, 2025 am 12:06 AMLes applications de JavaScript dans le monde réel incluent la programmation côté serveur, le développement des applications mobiles et le contrôle de l'Internet des objets: 1. La programmation côté serveur est réalisée via Node.js, adaptée au traitement de demande élevé simultané. 2. Le développement d'applications mobiles est effectué par le reactnatif et prend en charge le déploiement multiplateforme. 3. Utilisé pour le contrôle des périphériques IoT via la bibliothèque Johnny-Five, adapté à l'interaction matérielle.
Construire une application SaaS multi-locataire avec next.js (intégration backend)Apr 11, 2025 am 08:23 AMJ'ai construit une application SAAS multi-locataire fonctionnelle (une application EdTech) avec votre outil technologique quotidien et vous pouvez faire de même. Premièrement, qu'est-ce qu'une application SaaS multi-locataire? Les applications saas multi-locataires vous permettent de servir plusieurs clients à partir d'un chant
Comment construire une application SaaS multi-locataire avec Next.js (Frontend Integration)Apr 11, 2025 am 08:22 AMCet article démontre l'intégration frontale avec un backend sécurisé par permis, construisant une application fonctionnelle EdTech SaaS en utilisant Next.js. Le frontend récupère les autorisations des utilisateurs pour contrôler la visibilité de l'interface utilisateur et garantit que les demandes d'API adhèrent à la base de rôles
JavaScript: Explorer la polyvalence d'un langage WebApr 11, 2025 am 12:01 AMJavaScript est le langage central du développement Web moderne et est largement utilisé pour sa diversité et sa flexibilité. 1) Développement frontal: construire des pages Web dynamiques et des applications à une seule page via les opérations DOM et les cadres modernes (tels que React, Vue.js, Angular). 2) Développement côté serveur: Node.js utilise un modèle d'E / S non bloquant pour gérer une concurrence élevée et des applications en temps réel. 3) Développement des applications mobiles et de bureau: le développement de la plate-forme multiplateuse est réalisé par réact noral et électron pour améliorer l'efficacité du développement.
L'évolution de JavaScript: tendances actuelles et perspectives d'avenirApr 10, 2025 am 09:33 AMLes dernières tendances de JavaScript incluent la montée en puissance de TypeScript, la popularité des frameworks et bibliothèques modernes et l'application de WebAssembly. Les prospects futurs couvrent des systèmes de type plus puissants, le développement du JavaScript côté serveur, l'expansion de l'intelligence artificielle et de l'apprentissage automatique, et le potentiel de l'informatique IoT et Edge.
Démystifier javascript: ce qu'il fait et pourquoi c'est importantApr 09, 2025 am 12:07 AMJavaScript est la pierre angulaire du développement Web moderne, et ses principales fonctions incluent la programmation axée sur les événements, la génération de contenu dynamique et la programmation asynchrone. 1) La programmation axée sur les événements permet aux pages Web de changer dynamiquement en fonction des opérations utilisateur. 2) La génération de contenu dynamique permet d'ajuster le contenu de la page en fonction des conditions. 3) La programmation asynchrone garantit que l'interface utilisateur n'est pas bloquée. JavaScript est largement utilisé dans l'interaction Web, les applications à une page et le développement côté serveur, améliorant considérablement la flexibilité de l'expérience utilisateur et du développement multiplateforme.
Python ou JavaScript est-il meilleur?Apr 06, 2025 am 12:14 AMPython est plus adapté à la science des données et à l'apprentissage automatique, tandis que JavaScript est plus adapté au développement frontal et complet. 1. Python est connu pour sa syntaxe concise et son écosystème de bibliothèque riche, et convient à l'analyse des données et au développement Web. 2. JavaScript est le cœur du développement frontal. Node.js prend en charge la programmation côté serveur et convient au développement complet.
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Navigateur d'examen sécurisé
Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.
MantisBT
Mantis est un outil Web de suivi des défauts facile à déployer, conçu pour faciliter le suivi des défauts des produits. Cela nécessite PHP, MySQL et un serveur Web. Découvrez nos services de démonstration et d'hébergement.
Adaptateur de serveur SAP NetWeaver pour Eclipse
Intégrez Eclipse au serveur d'applications SAP NetWeaver.
SublimeText3 version anglaise
Recommandé : version Win, prend en charge les invites de code !
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
