Maison interface Web js tutoriel Exemples de code qui modifient ou étendent les méthodes natives jQuery

Exemples de code qui modifient ou étendent les méthodes natives jQuery

May 16, 2016 pm 04:20 PM
jquery 修改 扩展

Cet article présente principalement des exemples de code pour modifier ou étendre les méthodes natives jQuery. Cet article utilise un exemple d'extension de la méthode native jquery val pour expliquer comment modifier ou étendre les méthodes natives jquery. Les amis qui en ont besoin peuvent s'y référer

.

Modifiez ou étendez les exemples de code de méthode jQuery :

Il ne fait aucun doute que jQuery est une bibliothèque de classes puissante et facile à utiliser.

Sa large application peut confirmer le point de vue ci-dessus, mais comme le dit le proverbe, personne n'est parfait, et aucun or n'est parfait. Il en va de même pour jQuery. Il ne peut à aucun moment accomplir parfaitement nos tâches. ou occasion, donc à l'avenir, les méthodes originales de jQuery devront être étendues et modifiées, mais la meilleure méthode a toujours les fonctions d'origine.

Exemple de code :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>php中文网</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$.prototype.val = function (base) {
  return function () {
    var s = this;
    var a = "data-property";
    var p = s.attr(a);
    var isset = arguments.length > 0;
    var v = isset ? arguments[0] : null;
         
    if (isset&&typeof(base)=="function") { 
      base.call(s, v); 
    } 
    else { 
      v = base.call(s); 
    }
    if (p) {
      if (isset) { 
        s.attr(p, v); 
        return s 
      }
      else { 
        return s.attr(p) 
      }
    }
    else {
      if (!s.is(":input")){ 
        if (isset) { 
          s.text(v); return s; 
        } 
        else { 
          return s.text(); 
        } 
      }
      else { 
        return isset ? s : v; 
      }
    }
  }
}($.prototype.val);
$(document).ready(function(){
  $("#show").html($("#lbl").val()+"<br>"+$("#txt").val());
})
</script>
</head>
<body>
<span id="lbl">php中文网</span>   
<input type="text" id="txt" value="softwhy.com" />
<input type="checkbox" value="antzone" />
<p id="show"></p>
</body>
</html>
Copier après la connexion

Le code ci-dessus est sans aucun doute une extension de la méthode val() de jQuery. Voici une introduction à son processus d'implémentation.

Commentaires de code :

1. $.prototype.val = function (base) {}(($.prototype.val), modifiez la méthode val() originale de jQuery et utilisez la fermeture ici Dans la méthode package, le paramètre passé est la méthode val() d'origine pour conserver la fonction de la méthode val() d'origine. 2. return function (){}, renvoie un objet fonction >3. la référence de this à la variable s, où this pointe vers l'instance d'objet jQuery. 4. var a = "data-property", déclarez une variable et attribuez une valeur, plus de contenu à ce sujet sera introduit plus tard

<.>5. var p = s.attr(a). En fait, data-property est un attribut personnalisé sur l'étiquette, donc ce code sert à obtenir la valeur de cet attribut

6. isset = arguments.length > 0, détermine si la méthode val() modifiée passe les paramètres

7. var v = isset arguments[0] : null, si un paramètre est passé, le premier paramètre le sera. être obtenu, et les autres seront ignorés. 8. if (isset&&typeof(base)=="function") { base.call(s, v);}, Si des paramètres sont passés et que le paramètre de base est une fonction, alors le La fonction de base est appelée pour définir l'élément

Ce qui précède représente l'intégralité du contenu de ce chapitre. Pour plus de didacticiels connexes, veuillez visiter le

Tutoriel vidéo jQuery

 !
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment changer le nom personnel dans le groupe sur DingTalk_Comment modifier le nom personnel dans le groupe sur DingTalk Comment changer le nom personnel dans le groupe sur DingTalk_Comment modifier le nom personnel dans le groupe sur DingTalk Mar 29, 2024 pm 08:41 PM

1. Ouvrez d’abord DingTalk. 2. Ouvrez la discussion de groupe et cliquez sur les trois points dans le coin supérieur droit. 3. Trouvez mon pseudo dans ce groupe. 4. Cliquez pour entrer pour modifier et enregistrer.

Extensions et modules tiers pour les fonctions PHP Extensions et modules tiers pour les fonctions PHP Apr 13, 2024 pm 02:12 PM

Pour étendre les fonctionnalités des fonctions PHP, vous pouvez utiliser des extensions et des modules tiers. Les extensions fournissent des fonctions et des classes supplémentaires qui peuvent être installées et activées via le gestionnaire de packages pecl. Les modules tiers fournissent des fonctionnalités spécifiques et peuvent être installés via le gestionnaire de packages Composer. Des exemples pratiques incluent l'utilisation d'extensions pour analyser des données JSON complexes et l'utilisation de modules pour valider les données.

Mar 22, 2024 pm 12:51 PM

La certification Douyin Blue V est la certification officielle d'une entreprise ou d'une marque sur la plateforme Douyin, qui contribue à renforcer l'image et la crédibilité de la marque. Avec l'ajustement de la stratégie de développement de l'entreprise ou la mise à jour de l'image de marque, l'entreprise souhaitera peut-être changer le nom de la certification Douyin Blue V. Alors, Douyin Blue V peut-il changer de nom ? La réponse est oui. Cet article présentera en détail les étapes pour modifier le nom du compte de l'entreprise Douyin Blue V. 1. Douyin Blue V peut-il changer de nom ? Vous pouvez changer le nom du compte Douyin Blue V. Selon la réglementation officielle de Douyin, les comptes d'entreprise certifiés Blue V peuvent demander à changer de nom de compte après avoir rempli certaines conditions. D'une manière générale, les entreprises doivent fournir des documents justificatifs pertinents, tels que des licences commerciales, des certificats de code d'organisation, etc., pour prouver la légalité et la nécessité de changer de nom. 2. Quelles sont les étapes pour modifier le nom du compte d'entreprise Douyin Blue V ?

Des astuces pour modifier le temps de sommeil de Win10 révélées Des astuces pour modifier le temps de sommeil de Win10 révélées Mar 08, 2024 pm 06:39 PM

Conseils de modification du temps de veille Win10 révélés En tant que l'un des systèmes d'exploitation actuellement largement utilisés, Windows 10 dispose d'une fonction de veille pour aider les utilisateurs à économiser de l'énergie et à protéger l'écran lorsqu'ils n'utilisent pas l'ordinateur. Cependant, parfois le temps de veille par défaut ne répond pas aux besoins des utilisateurs, il est donc particulièrement important de savoir comment modifier le temps de veille de Win10. Cet article dévoilera les astuces pour modifier le temps de veille de Win10, vous permettant de personnaliser facilement les paramètres de veille du système. 1. Modifiez le temps de veille de Win10 via « Paramètres ». Tout d'abord, la solution la plus simple

Comment modifier l'emplacement de l'adresse des produits publiés sur Xianyu Comment modifier l'emplacement de l'adresse des produits publiés sur Xianyu Mar 28, 2024 pm 03:36 PM

Lors de la publication de produits sur la plateforme Xianyu, les utilisateurs peuvent personnaliser les informations de localisation géographique du produit en fonction de la situation réelle, afin que les acheteurs potentiels puissent saisir plus précisément l'emplacement spécifique du produit. Une fois le produit mis en rayon avec succès, il n'y a pas lieu de s'inquiéter si l'emplacement du vendeur change. La plateforme Xianyu fournit une fonction de modification flexible et pratique. Ainsi, lorsque nous souhaitons modifier l'adresse d'un produit publié, comment pouvons-nous la modifier ? Ce guide didacticiel vous fournira un guide détaillé étape par étape. aidez tout le monde ! Comment modifier l'adresse du produit de sortie dans Xianyu ? 1. Ouvrez Xianyu, cliquez sur ce que j'ai publié, sélectionnez le produit et cliquez sur modifier. 2. Cliquez sur l'icône de positionnement et sélectionnez l'adresse que vous souhaitez définir.

Comment modifier le contenu du message d'accueil pour le recrutement direct du patron Comment modifier le contenu du message d'accueil pour le recrutement direct du patron Mar 01, 2024 pm 03:40 PM

Dans le logiciel de recrutement appelé Boss Direct Jobs, les utilisateurs peuvent personnaliser leurs salutations pour mieux démontrer leur personnalité et leurs intentions de recherche d'emploi. Cependant, les termes de salutation par défaut sont parfois plutôt mécaniques et rigides. De nombreux utilisateurs souhaitent apporter leurs propres modifications mais ne savent pas où les définir. Ce guide didacticiel présentera donc les étapes de modification détaillées pour les joueurs qui souhaitent en savoir plus. et suivez cet article pour le découvrir ! Comment modifier la réponse lorsqu'un patron embauche directement quelqu'un pour lui dire bonjour : [Le patron embauche directement]-[Mon]-[Icône de paramètres]-[Langue d'accueil]. Étapes spécifiques : 1. Tout d'abord, nous cliquons sur le logiciel de recrutement direct du patron. Après être entré dans la page d'accueil, nous cliquons sur [Mon] dans le coin inférieur droit ; 2. Ensuite, nous arrivons à la page Ma et vous pouvez voir les données pertinentes.

Guide de programmation du langage Go : implémentation de la modification du fichier Hosts Guide de programmation du langage Go : implémentation de la modification du fichier Hosts Mar 07, 2024 am 10:51 AM

Titre : Guide de programmation du langage Go : Implémentation de la modification du fichier hosts Dans le processus quotidien de développement logiciel, nous rencontrons souvent des situations où nous devons modifier le fichier hosts dans le système d'exploitation. Le fichier Hosts est un fichier texte sans extension utilisé pour mapper les adresses IP et les noms d'hôtes. Il est généralement utilisé pour configurer localement la résolution de noms de domaine. Dans cet article, nous présenterons comment utiliser le langage Go pour implémenter la fonction de modification du fichier hosts du système d'exploitation, et donnerons des exemples de code spécifiques. Tout d’abord, nous devons créer un G capable de modifier le fichier hosts

Quel est le lien entre les types de valeurs renvoyées par les fonctions PHP et l'interopérabilité des extensions PHP ? Quel est le lien entre les types de valeurs renvoyées par les fonctions PHP et l'interopérabilité des extensions PHP ? Apr 15, 2024 pm 09:06 PM

Les types de valeurs de retour des fonctions PHP peuvent être exprimés sous forme de syntaxe de description de type, qui spécifie clairement le type de valeur de retour de chaque fonction. Comprendre les types de valeurs de retour est essentiel pour créer des extensions compatibles avec le moteur principal PHP, éviter les conversions inattendues, améliorer l'efficacité et améliorer la lisibilité du code. Plus précisément, les fonctions d'extension peuvent définir un type de valeur de retour afin que le moteur PHP puisse optimiser l'exécution du code en fonction de ce type et permettre aux développeurs de gérer explicitement la valeur de retour. En pratique, les fonctions d'extension peuvent renvoyer des objets PHP et le code PHP peut gérer les résultats renvoyés en fonction du type de valeur de retour.

See all articles