Explication de syntaxe JQuery requise, éventuellement associée à Selector

Question

Lorsque je regarde http://docs.jquery.com/Plugins/Authoring, je ne peux pas comprendre la syntaxe.

En fait, je mis en place un script similaire à jsFiddle: http://jsfiddle.net/huyoumo/HUc2L/24/

est ici l'extrait de code:

var methods = { 
init : function(options) { 

    return this.each(function(){ 

    var $this = $(this), 
     data = $this.data('tooltip'), 
     tooltip = $('<div />', { 
      text : $this.attr('title') 
     }); 

    // If the plugin hasn't been initialized yet 
    if (! data) { 

     /* 
     Do more setup stuff here 
     */ 

     $(this).data('tooltip', { 
      target : $this, 
      tooltip : tooltip 
     }); 

    } 
    }); 
}, 

pour être plus précis:

tooltip = $('<div />', { 
      text : $this.attr('title') 
    }); 

Je débogués le code et découvrir l'info-bulle est un objet JQuery (apparemment), qui n'a qu'un seul enfant (un HTMLDivElement).

J'ai essayé de google JQuery selector comme mot clé mais il n'y a pas de chance. Quelqu'un pourrait-il jeter la lumière et expliquer ce qu'il fait?

Merci.

Youmo

Answer 1

Voici la doc pour que http://api.jquery.com/jQuery/

var foo = $('<div>', 
    { 
      class : "FooBar" 
    }); 

crée en fait un objet jquery et définit les accessoires définis entre les bouclés parenthèses (dans ce cas classe). Vous pouvez le retourner avec foo.attr ("class").

Dans votre cas, le paramètre text est défini et est égal au code HTML interne de l'objet (renvoyé avec .text()).

également fixé votre violon (onload n'a jamais été appelé à cause de la D capitalisée dans le document :) http://jsfiddle.net/HUc2L/26/

Answer 2

Essayez ceci à jqfundamentals.com/ ils ont de meilleures explications