Maison > interface Web > js tutoriel > La différence et l'utilisation de jquery.extend et jquery.fn.extend

La différence et l'utilisation de jquery.extend et jquery.fn.extend

巴扎黑
Libérer: 2017-07-09 11:53:06
original
1108 Les gens l'ont consulté

La méthode

$.extend() a deux utilisations dans JQuery La première est la méthode d'extension, et la seconde est implémentée avec jquery Inherit <.> manière

1>
Méthode d'extension
jQuery.extendLe L'extension de l'objet jQuery peut être comprise comme une méthode
statique , qui est globale et peut être utilisée sans instance de jQuery.

JAVASCRIPT :

<code>jQuery.extend({  <br>    min: function(a, b) {  return a < b ? a : b; },<br/>    max: function(a, b) { return a > b ? a : b; }<br> });</code>
Copier après la connexion

2> Méthode d'héritage de la mise en œuvre de jQuery

jQuery.extend(

[deep], cible, objet1, [objetN])

Valeur de retour : Objet

Mettre 2 objets Fusionner pour obtenir une nouvelle cible, deep est facultatif (

Récursif Fusionner)

Fusionner les paramètres et les options, modifier et renvoyer les paramètres.

Code jQuery :

var settings = { validate: false, limit: 5, name: "foo" }; var options = { validate: true, name: "bar" }; jQuery.extend(settings, options);

Résultat :

settings == { validate: true, limit: 5, name: "bar" }

Description :

Fusionner les valeurs par défaut et les options sans modifier les valeurs par défaut.

Code jQuery :

var empty = {}; var defaults = { validate: false, limit: 5, name: "foo" }; var options = { validate: true, name: "bar" }; var settings = jQuery.extend(empty, defaults, options);

Résultat :
paramètres == { valider : vrai, limite : 5, nom : "bar" }

vide == { valider : vrai, limite : 5, nom : "bar" }settings == { validate: true, limit: 5, name: "bar" }
empty == { validate: true, limit: 5, name: "bar" }

jQuery.fn.extend
对jQuery元素的扩展,只能用在jQuery元素上,可以理解为普通方法。定义插件时需要返回this,以支持jQuery的链式操作。
Copier après la connexion

JAVASCRIPT :

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