Maison interface Web js tutoriel jquery 插件学习(三)_jquery

jquery 插件学习(三)_jquery

May 16, 2016 pm 05:51 PM
插件

例如:

复制代码 代码如下:

$(this).test().hide().height();

要实现类似的连写行为,就应该在每个插件方法中,返回一个jquery对象,除非方法需要明确返回值。返回的jquery对象通常就是this所引用的对象。如果使用each()方法迭代this,则可以直接返回迭代的结果。针对上一节的示例,进一步修改
复制代码 代码如下:

jQuery.fn.test = function(){
return this.each(function(){ //遍历匹配的元素,此处的this表示对象集合
alert(this.nodeName); //提示当前jquery对象的dom节点名称
})
}

然后,我们就可以在应用示例中连写行为了,例如,在下面的示例中,先弹出提示节点的名称的信息,然后使用当前节点名称改写当前元素内包含的信息,最后在慢慢隐藏该元素。
复制代码 代码如下:

$('body *').click(function(){
$(this).test().html(this.nodeName).hide(1000);
});
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

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

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)

Guide du débutant PyCharm : compréhension complète de l'installation du plug-in ! Guide du débutant PyCharm : compréhension complète de l'installation du plug-in ! Feb 25, 2024 pm 11:57 PM

PyCharm est un environnement de développement intégré (IDE) Python puissant et populaire qui fournit une multitude de fonctions et d'outils afin que les développeurs puissent écrire du code plus efficacement. Le mécanisme de plug-in de PyCharm est un outil puissant pour étendre ses fonctions. En installant différents plug-ins, diverses fonctions et fonctionnalités personnalisées peuvent être ajoutées à PyCharm. Par conséquent, il est crucial pour les débutants de PyCharm de comprendre et de maîtriser l’installation de plug-ins. Cet article vous donnera une introduction détaillée à l'installation complète du plug-in PyCharm.

Erreur de chargement du plugin dans Illustrator [Corrigé] Erreur de chargement du plugin dans Illustrator [Corrigé] Feb 19, 2024 pm 12:00 PM

Lors du lancement d'Adobe Illustrator, un message d'erreur de chargement du plug-in apparaît-il ? Certains utilisateurs d'Illustrator ont rencontré cette erreur lors de l'ouverture de l'application. Le message est suivi d'une liste de plugins problématiques. Ce message d'erreur indique qu'il y a un problème avec le plug-in installé, mais il peut également être provoqué par d'autres raisons telles qu'un fichier DLL Visual C++ endommagé ou un fichier de préférences endommagé. Si vous rencontrez cette erreur, nous vous guiderons dans cet article pour résoudre le problème, alors continuez à lire ci-dessous. Erreur de chargement du plug-in dans Illustrator Si vous recevez un message d'erreur « Erreur de chargement du plug-in » lorsque vous essayez de lancer Adobe Illustrator, vous pouvez utiliser les éléments suivants : En tant qu'administrateur

Quel est le répertoire d'installation de l'extension du plug-in Chrome ? Quel est le répertoire d'installation de l'extension du plug-in Chrome ? Mar 08, 2024 am 08:55 AM

Quel est le répertoire d’installation de l’extension du plug-in Chrome ? Dans des circonstances normales, le répertoire d'installation par défaut des extensions de plug-in Chrome est le suivant : 1. L'emplacement du répertoire d'installation par défaut des plug-ins Chrome dans Windows XP : C:\DocumentsandSettings\username\LocalSettings\ApplicationData\Google\Chrome\UserData\ Default\Extensions2. chrome dans Windows7 Emplacement du répertoire d'installation par défaut du plug-in : C:\Users\username\AppData\Local\Google\Chrome\User

Partagez trois solutions expliquant pourquoi le navigateur Edge ne prend pas en charge ce plug-in Partagez trois solutions expliquant pourquoi le navigateur Edge ne prend pas en charge ce plug-in Mar 13, 2024 pm 04:34 PM

Lorsque les utilisateurs utilisent le navigateur Edge, ils peuvent ajouter des plug-ins pour répondre davantage à leurs besoins. Mais lors de l'ajout d'un plug-in, cela indique que ce plug-in n'est pas pris en charge. Comment résoudre ce problème ? Aujourd'hui, l'éditeur partagera avec vous trois solutions. Venez l'essayer. Méthode 1 : essayez d’utiliser un autre navigateur. Méthode 2 : Le Flash Player du navigateur peut être obsolète ou manquant, ce qui rend le plug-in non pris en charge. Vous pouvez télécharger la dernière version sur le site officiel. Méthode 3 : Appuyez simultanément sur les touches « Ctrl+Shift+Delete ». Cliquez sur "Effacer les données" et rouvrez le navigateur.

PyCharm Community Edition prend-il en charge suffisamment de plugins ? PyCharm Community Edition prend-il en charge suffisamment de plugins ? Feb 20, 2024 pm 04:42 PM

PyCharm Community Edition prend-il en charge suffisamment de plugins ? Besoin d'exemples de code spécifiques Alors que le langage Python devient de plus en plus largement utilisé dans le domaine du développement logiciel, PyCharm, en tant qu'environnement de développement intégré (IDE) Python professionnel, est favorisé par les développeurs. PyCharm est divisé en deux versions : la version professionnelle et la version communautaire. La version communautaire est fournie gratuitement, mais sa prise en charge des plug-ins est limitée par rapport à la version professionnelle. La question est donc la suivante : PyCharm Community Edition prend-il en charge suffisamment de plug-ins ? Cet article utilisera des exemples de code spécifiques pour

Comment ajouter la fonctionnalité du mini-programme WeChat au plug-in WordPress Comment ajouter la fonctionnalité du mini-programme WeChat au plug-in WordPress Sep 06, 2023 am 09:03 AM

Comment ajouter les fonctions du programme WeChat Mini aux plugins WordPress Avec la popularité et la popularité des mini-programmes WeChat, de plus en plus de sites Web et d'applications commencent à envisager de les intégrer aux mini-programmes WeChat. Pour les sites Web qui utilisent WordPress comme système de gestion de contenu, l’ajout de la fonction applet WeChat peut offrir aux utilisateurs une expérience d’accès plus pratique et des choix plus fonctionnels. Cet article explique comment ajouter la fonctionnalité du mini-programme WeChat au plug-in WordPress. Étape 1 : Enregistrez un compte mini-programme WeChat. Tout d’abord, vous devez ouvrir l’application WeChat.

Comment ajouter une fonctionnalité de commande en ligne au plugin WordPress Comment ajouter une fonctionnalité de commande en ligne au plugin WordPress Sep 05, 2023 pm 03:42 PM

Comment ajouter une fonction de commande en ligne au plugin WordPress À l'ère numérique d'aujourd'hui, de nombreux restaurants et cafés ont choisi de déplacer le processus de commande en ligne pour répondre aux besoins des clients. WordPress est un système de gestion de contenu (CMS) largement utilisé et de nombreuses entreprises utilisent WordPress pour créer leurs sites Web. Cet article explique comment ajouter une fonctionnalité de commande en ligne au plug-in WordPress et fournit des exemples de code correspondants. Étape 1 : Choisissez le bon plugin. Tout d'abord, nous devons créer un plugin personnalisé dans WordPress.

Comment utiliser le plug-in WordPress pour implémenter la fonction de lecture vidéo Comment utiliser le plug-in WordPress pour implémenter la fonction de lecture vidéo Sep 05, 2023 pm 12:55 PM

Comment utiliser le plug-in WordPress pour implémenter la fonction de lecture vidéo 1. Introduction L'application de vidéo sur des sites Web et des blogs devient de plus en plus courante. Afin de fournir une expérience utilisateur de haute qualité, nous pouvons utiliser des plug-ins WordPress pour implémenter des fonctions de lecture vidéo. Cet article expliquera comment utiliser les plugins WordPress pour implémenter des fonctions de lecture vidéo et fournira des exemples de code. 2. Choisissez les plug-ins WordPress propose de nombreux plug-ins de lecture vidéo. Lors du choix d'un plug-in, nous devons prendre en compte les aspects suivants : Compatibilité : assurez-vous que le plug-in

See all articles