Boolesche Bildung, praktisches Teilen von jQuery-Videomaterial

jQuery ist ein schnelles und prägnantes JavaScript-Framework. Es ist eine weitere hervorragende JavaScript-Codebibliothek (oder JavaScript-Framework) nach Prototype. 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. Wir haben das „Boolean Education jQuery Practical Video Tutorial“ zusammengestellt, in der Hoffnung, jedem dabei zu helfen, jQuery besser zu erlernen.

Adresse für die Videowiedergabe: http://www.php.cn/course/319.html

Empfehlungen zu verwandten Themen: "JQuery-Praxisvideo"

Zusammenfassung der JQuery-Schwierigkeit:

1 So übergeben Sie Parameter in JQuery-Bindungsereignissen

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

2 in setTimeout So rufen Sie Objektmethoden auf

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

3 Der Unterschied zwischen this und $(this)

Konzept:
Dies bedeutet, dass das aktuelle Kontextobjekt ein HTML-Objekt ist und Sie kann das HTML-Objekt aufrufen. Die eigenen Eigenschaften und Methoden $(this) stellen ein Kontextobjekt dar, das ein JQuery-Kontextobjekt ist, und können die Methoden und Attributwerte von JQuery aufrufen.

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";   
       }  
);

Das $(this) hier ist ein JQuery-Objekt, und das jQuery-Objekt hat kein Titelattribut, daher ist es falsch, es so 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.

4 App-Schriftarten adaptiv

//使用rem策略，不断更新html的fontsize
        (function(){                
            function sizeHtml(){                var size = $(window).width()/16;
                size = size>40?40:size;
                $("html").css("font-size",size+"px");
            }
            sizeHtml();
            $(window).resize(function(){
                sizeHtml();
            })
        })()

Das obige ist der detaillierte Inhalt vonBoolesche Bildung, praktisches Teilen von jQuery-Videomaterial. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!