Geek Academy Jquery Null-basierter Zugang zum Teilen von Videomaterial

jQuery ist ein schnelles und prägnantes JavaScript-Framework. Es ist nach Prototype eine weitere hervorragende JavaScript-Codebibliothek (oder JavaScript-Framework). Der Zweck des jQuery-Designs besteht darin, „weniger zu schreiben, mehr zu tun“, was bedeutet, weniger Code zu schreiben und mehr Dinge zu tun. Es kapselt gängige JavaScript-Funktionscodes, stellt ein einfaches JavaScript-Entwurfsmuster bereit und optimiert HTML-Dokumentvorgänge, Ereignisverarbeitung, Animationsdesign und Ajax-Interaktion.

„Geek Academy jQuery Zero-basiertes Einführungsvideo-Tutorial“ erklärt es von den Grundlagen und umfasst hauptsächlich die folgenden Inhalte: 1. jQuery-Selektor 2, jQuery-Ereignis 3, jQuery-Dom-Operation 4, jQuery-Animation 4, jQuery und Ajax 5. Tatsächlicher Kampf

Video-Wiedergabeadresse: http://www.php.cn/course/207.html

Die Schwierigkeit beim Erlernen dieses Videos ist:

1 Wie man Parameter in JQuery-Bindungsereignissen übergibt

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

2 Wie man Objektmethoden in setTimeout aufruft

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

3 Der Unterschied zwischen this und $(this)

Konzept:
Dies zeigt an, dass das aktuelle Kontextobjekt ein HTML-Objekt ist und Sie die Eigenschaften und Methoden aufrufen können, die dem HTML-Objekt gehören. $(this) stellt das Kontextobjekt dar. Es ist ein JQuery-Kontextobjekt, das JQuery-Methoden und Attributwerte aufrufen kann.

Was generiert $()? Tatsächlich bedeutet $()=jquery(), dass ein Jquery-Objekt zurückgegeben wird.
Normalerweise verwenden wir $() der Einfachheit halber direkt. Tatsächlich lässt diese Funktion einen Parameterkontext weg. Wählen Sie das passende Objekt basierend auf dem Selektor aus, also $ (Selektor, Kontext), und geben Sie es in Form eines jQuery-Wrapper-Sets zurück. Der Kontext kann eine Sammlung von Dom-Objekten oder ein jQuery-Paketsatz sein. Wenn er übergeben wird, bedeutet dies, dass das passende Objekt aus dem Kontext ausgewählt werden soll. Wenn er nicht übergeben wird, bedeutet dies, dass der Bereich das Dokumentobjekt ist (das). d. h. alle Objekte auf der Seite), d. h. $(selector)=$(selector, document).
Dies bezieht sich auf das HTML-Objekt, das die Funktion aufruft.

Beispiel:

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

Dies hier ist eigentlich ein HTML-Element (Textfeld), und das ist in js. Das Textfeld verfügt über ein Textattribut, daher ist es kein Problem, es auf diese Weise zu schreiben.

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

$(this) hier ist ein JQuery-Objekt, und das jQuery-Objekt hat kein Titelattribut, daher ist es falsch, dies zu schreiben.

Zusammenfassung:
Dies bedeutet, dass das aktuelle Kontextobjekt ein HTML-Objekt ist und Sie die Eigenschaften und Methoden aufrufen können, die dem HTML-Objekt gehören.
　$(this), das dargestellte Kontextobjekt ist ein JQuery-Kontextobjekt, das JQuery-Methoden und Attributwerte aufrufen kann.

Der Dozent in diesem Video ist ein berühmter junger Dozent der Geek Academy. Sein Vortragsstil entspricht dem Lernstil der meisten Lernenden sehr detailliert.

Das obige ist der detaillierte Inhalt vonGeek Academy Jquery Null-basierter Zugang zum Teilen von Videomaterial. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!