IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

$().bind("click.. et $().click(..


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2005
    Messages
    277
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Vaucluse (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juillet 2005
    Messages : 277
    Par défaut $().bind("click.. et $().click(..
    Bonsoir à tous !

    J'ai cherché, j'ai testé, mais je ne comprends pas la différence entre ces deux codes:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    $(this).bind("click",function(){ ... });
     
    $(this).click(function(){ ... });
    Un petit éclaircissement ?

    Merci d'avance pour votre aide

  2. #2
    Membre averti
    Inscrit en
    Janvier 2009
    Messages
    41
    Détails du profil
    Informations forums :
    Inscription : Janvier 2009
    Messages : 41
    Par défaut
    Si je ne me trompe pas,il n'y a aucune différence
    .bind() est une méthode de Jquery alors que .click est une méthode javascript pure

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    dans ton exemple il n'y a pas de différence fondamentale car en regardant la source jquery on s'aperçoit que appelle en fait Pour aller un peu plus loin cependant, la method bind de jquery permet en une seule opération d'affecter plusieurs évènement

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $('#truc').click(function(){ action1 })
    $('#truc').mouseover(function(){ action1 })
    $('#truc').blur(function(){ action1 })
    ou
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('#truc').click(function(){ action1 }).mouseover(function(){ action1 }).blur(function(){ action1 })
    peut se factoriser en

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    .bind('click mouseover blur',function(){ action1 })
    Un autre avantage de bind est que l'on peut associer des évènements personnel.
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  4. #4
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2005
    Messages
    277
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Vaucluse (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juillet 2005
    Messages : 277
    Par défaut
    Merci pour l'éclairage

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    alors que .click est une méthode javascript pure
    heu non .click() c'est une méthode redéfinie par jquery

    sinon sans jquery ce qui suit fonctionnerait
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('foo').click( function(){alert('hello')} )
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. click => deplier, click ailleurs => reduire
    Par massacreur dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 11/07/2012, 15h31
  2. [NET4.0] Binding event lors du click sur une Image
    Par aram2 dans le forum Windows Presentation Foundation
    Réponses: 5
    Dernier message: 08/06/2010, 09h19
  3. J'ai un trou de mémoire (click gauche, click droit)
    Par AndreDvl dans le forum VB.NET
    Réponses: 7
    Dernier message: 20/01/2008, 14h05
  4. [WPF - Blend] Binding lié à un click button
    Par OS_trimble dans le forum Windows Presentation Foundation
    Réponses: 6
    Dernier message: 06/12/2007, 14h28
  5. Button1.click; Button2.click; Button3 etc
    Par kikica dans le forum Delphi
    Réponses: 16
    Dernier message: 02/01/2007, 18h27

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo