Partage de matériel vidéo d'entrée à base zéro jquery de la Geek Academy

jQuery est un framework JavaScript rapide et concis. C'est une autre excellente bibliothèque de code JavaScript (ou framework JavaScript) après Prototype. Le but de la conception de jQuery est « écrire moins, faire plus », ce qui signifie écrire moins de code et faire plus de choses. Il encapsule les codes fonctionnels couramment utilisés en JavaScript, fournit un modèle de conception JavaScript simple et optimise les opérations sur les documents HTML, le traitement des événements, la conception d'animations et l'interaction Ajax.

"Tutoriel vidéo d'introduction à base zéro de Geek Academy jquery" l'explique à partir des bases, comprenant principalement le contenu suivant : 1. sélecteur jQuery 2, événement jQuery 3, opération jQuery Dom 4, animation jQuery 4, jQuery et ajax 5. Combat réel

Adresse de lecture vidéo : http://www.php.cn/course/207.html

La difficulté d'apprendre cette vidéo est :

1 Comment passer des paramètres dans les événements de liaison jquery

$("#btn").bind("click",{"id":"111","name":"aaa"}, getData);  
  
function getData(d) {  
    alert(d.data.id);  
    alert(d.data["name"])  
}

2 Comment appeler des méthodes objet dans setTimeout

setTimeout(    function(self) {      return function() {
        alert(self);//这里面用self代替this      }
    }(this), 1000);

3 La différence entre this et $(this)

Concept :
Cela indique que l'objet de contexte actuel est un objet html et que vous pouvez appeler les propriétés et les méthodes appartenant à l'objet html. $(this) représente l'objet contextuel. Il s'agit d'un objet contextuel jquery qui peut appeler des méthodes jquery et des valeurs d'attribut.

Que génère $() ? En fait, $()=jquery() signifie qu'il renvoie un objet jquery.
Habituellement, nous utilisons $() directement pour plus de simplicité. En fait, cette fonction omet un contexte de paramètre. Sélectionnez l'objet correspondant en fonction du sélecteur, c'est-à-dire $(selector, context), et renvoyez-le sous la forme d'un ensemble de wrapper jQuery. Le contexte peut être une collection d'objets Dom ou un ensemble d'empaquetage jQuery. S'il est transmis, cela signifie sélectionner les objets correspondants dans le contexte. S'il n'est pas transmis, cela signifie que la portée est l'objet document (c'est-à-dire tous). objets sur la page), c'est-à-dire $(sélecteur)=$(sélecteur, document).
Il s'agit de l'objet html qui appelle la fonction.

Exemple :

$("#textbox").hover(   
  function() {   
       this.title = "Test";   
  },   
  fucntion() {   
      this.title = "OK”;   
  }   
);

Ceci ici est en fait un élément HTML (zone de texte), et celui-ci est en js. La zone de texte a un attribut text, il n'y a donc aucun problème à l'écrire de cette façon.

$("#textbox").hover(   
       function() {   
   $(this).title ＝ "Test";   
       },   
       function() {   
   $(this).title = "OK";   
       }  
);

Le $(this) ici est un objet JQuery, et l'objet jQuery n'a pas d'attribut title, il est donc faux de l'écrire comme ça.

Résumé :
Cela signifie que l'objet de contexte actuel est un objet html et que vous pouvez appeler les propriétés et les méthodes appartenant à l'objet html.
　$(this), l'objet contextuel représenté est un objet contextuel jquery, qui peut appeler des méthodes jquery et des valeurs d'attribut.

Le conférencier dans cette vidéo est un jeune conférencier célèbre de la Geek Academy. Son style de conférence est conforme au style d'apprentissage de la plupart des apprenants. Du point à la surface, du superficiel au profond, l'explication est la suivante. très détaillé.

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!