aktueller Standort: Heim > Herunterladen > Lernmittel > Quellcode der Kursunterlagen > Quellcode des praktischen JQuery-Tutorials
Quellcode des praktischen JQuery-Tutorials
Klassifizieren: Lernmaterialien / Quellcode der Kursunterlagen | Veröffentlichkeitsdatum: 2017-08-14 | Besuche: 3420699 |
Herunterladen: 234 |
Neueste Downloads
Alarmstufe Rot OL
Operationsdelta
Pokémon-Versammlung
Fantasy-Aquarium
Girls Frontline
Flügel der Sterne
Kleine Blumenfee, Feenparadies
Restaurant Cute Story
Shanhe Reiseerkundung
Liebe und Produzent
24 StundenBestenliste lesen
- 1 Aufruf einer Member-Funktion für ein Nicht-Objekt: Wie kann dieser PHP-Fehler diagnostiziert und behoben werden?
- 2 Warum werden meine Go-Protokolle nicht in eine Datei geschrieben?
- 3 Wie kann ich benutzerfreundliche URLs in PHP erstellen?
- 4 Wie berechnet man MD5-Dateiprüfsummen in Java?
- 5 Warum schlagen meine Localhost-Projektlinks in WAMP fehl und wie kann ich sie beheben?
- 6 Warframe: Atomicycle Vollständiger Leitfaden
- 7 Wie kann das Cross-Compilation-Bootstrapping-Problem von Go von Windows auf Linux gelöst werden?
- 8 Runnable run() vs. Thread start(): Was ist der Hauptunterschied?
- 9 Warum schlägt mysqli_connect() mit „Authentifizierungsmethode unbekannt (Caching_sha2_password)“ fehl?
- 10 Wie füge ich mit System.out.println() Farbe zur Konsolenausgabe hinzu?
- 11 Wie kann ich JavaScript-Arrays durchlaufen?
- 12 Wie kann ich in Python effizient Zahlen aus Strings extrahieren?
- 13 Wie kann ich HTTP-Fehler behandeln und Antwortcodes abrufen, wenn ich „file_get_contents“ für POST-Anfragen verwende?
- 14 Wie kann ich mehrere Datenbanken in Laravel verwenden?
- 15 Wie kann ich ein Python-Wörterbuch in einen Pandas-DataFrame mit Datums- und Wertspalten konvertieren?
Neueste Tutorials
-
- Gehen Sie zur praktischen Anwendung von GraphQL
- 2325 2024-04-19
-
- Erste Schritte mit MySQL (Teacher Mosh)
- 1998 2024-04-07
-
- Mock.js |. Axios.js |. Ajax – Zehn Tage Qualitätsunterricht
- 2780 2024-03-29
Insgesamt gibt es 6 Kapitel mit praktischem JQuery-Quellcode.
Vorlesung 1:
JQuery und andere in diesem Abschnitt erlernte Entwicklungskenntnisse:
1.HTML ist für den Seiteninhalt verantwortlich, CSS ist für den Seitenstil verantwortlich und Javascript ist für das Seitenverhalten verantwortlich
2. In HTML sollte DOCTYPE vorhanden sein, um den Browser über die Rendering- und Anzeigemethode zu informieren
3. Sie können zunächst einen Div- oder Span-Knoten definieren, um später die vom Server zurückgegebenen Daten anzuzeigen.
4. Das Randattribut kann den Rand von Seitenelementen steuern
5.background-*** kann das Hintergrundbild, seine Position und die Art und Weise, wie es wiederholt angezeigt wird, steuern
6. Sie können #idname oder .classname verwenden, um einen benutzerdefinierten HTML-Knotenstil zu definieren
7. Sie können $(document).ready(function(){}) verwenden, um die Methode zu definieren, die beim Laden der Seite ausgeführt werden muss.
8. Sie können die Methode $() verwenden, um den angegebenen Knoten der Seite abzurufen. Der Parameter ist ein bestimmter CSS-Selektor
9. Sie können verschiedene JQuery-Methoden für das von der $()-Methode zurückgegebene JQuery-Objekt ausführen, um Daten abzurufen, Ereignisse zu definieren und Vorgänge auszuführen.
10. Die val()-Methode kann den Wertattributwert des Knotens abrufen
Die Methode 11.html() kann den HTML-Inhalt in einem Knoten festlegen
12. Die Methode click() kann auf Mausklickereignisse reagieren
13. Die Methode keyup() kann auf das Tastatur-Popup-Ereignis reagieren.
14. Die Methode $.get() kann im Get-Modus mit dem Server interagieren. Die registrierte Rückrufmethode wird aufgerufen, wenn die Daten zurückkommen. Diese Methode empfängt einen Klartextparameter, der die vom Server zurückgegebenen Daten darstellt
15. Die Methode „addClass()“ mit der Methode „removeClass()“ kann eine Klasse zu einem Knoten hinzufügen oder löschen
16. Die an den Server gesendeten Daten werden zweimal in JavaScript codiert und dann einmal in UTF-8 im Servercode URL-decodiert, wodurch das Problem der verstümmelten chinesischen Zeichen gelöst werden kann.
Vorlesung 2
JQuery und andere in diesem Abschnitt erlernte Entwicklungskenntnisse:
1.Tabelle kann thead und tbody enthalten
2. Der Inhalt des Headers kann im
platziert werden
3.table{} wird als Tag-Selektor bezeichnet und kann sich auf alle Tabellen auf der gesamten Seite auswirken.
4.table td{} repräsentiert alle in der Tabelle enthaltenen tds.
5. Sie können border-collapse:collapse verwenden, um die Ränder der Zellen in der Tabelle zusammenzuführen.
6. Wenn th eine Hintergrundfarbe hat, ist die Hintergrundfarbe, die für tr definiert ist, zu dem th gehört, ungültig.
7.$(function(){}) ist eine vereinfachte Schreibweise von $(document).ready(function(){})
8.$("tbody tr") kann alle tr-Knoten in tbody zurückgeben
9.$("tbody tr:even") kann alle tr-Knoten mit geraden Indexwerten in tbody zurückgeben
10. Mit der CSS-Methode können Sie das CSS-Attribut des Knotens festlegen oder abrufen. Der Parametername ist der CSS-Attributname.
11. Der Objektinhalt von JQuery enthält den dem Selektor entsprechenden DOM-Knoten, der in Form eines Arrays gespeichert wird
12. Die get-Methode kann einen bestimmten DOM-Knoten abrufen, der im JQuery-Objekt enthalten ist
13.Diese Funktion stellt das Objekt dar, das diese Funktion ausführt
14. Wenn der Parameter der $()-Methode ein DOM-Objekt ist, entspricht diese Methode der Konvertierung des DOM-Objekts in ein JQuery-Objekt.
15. Die Kindermethode kann die untergeordneten Knoten eines bestimmten Knotens abrufen und Parameter angeben, um den Inhalt der untergeordneten Knoten einzuschränken.
16. Wenn das vom Selektor zurückgegebene JQuery-Objekt mehrere DOM-Knoten enthält und ein Ereignis wie „Klick“ für dieses Objekt registriert wird, werden alle DOM-Knoten für das Ereignis verwendet
Die 17.html-Methode kann den HTML-Inhalt des Knotens festlegen oder abrufen
18. Die val-Methode kann den Wert des Knotens abrufen oder festlegen
19. Wenn der Parameter der $()-Methode ein korrekter HTML-Text ist, können Sie einen DOM-Knoten erstellen und ihn in ein JQuery-Objekt packen
20. Die meisten Methoden von JQuery geben das JQuery-Objekt zurück, das diese Methode ausführt, sodass Sie Kettenmethoden verwenden können, um Code für JQuery zu schreiben.
21.Die width-Methode kann die Breite eines Knotens festlegen oder abrufen
22. Die appendTo-Methode kann einen Knoten an alle untergeordneten Knoten eines anderen Knotens anhängen
23. Das Verhindern der Ereigniszustellung kann dazu führen, dass das Ereignis des aktuellen Knotens „falsch“ zurückgibt
24. Die Trigger-Methode kann das Auftreten eines bestimmten Javascript-Ereignisses auslösen.
25. Die Parameterfunktion einer Ereignismethode in JQuery kann einen Ereignisparameter definieren. JQuery blockiert die Ereignisunterschiede des Browsers und übergibt uns ein verwendbares Ereignisobjekt
26. Es gibt ein which-Attribut im JQuery-Ereignisobjekt, um den Schlüsselwert der Tastaturtaste zu erhalten
27.13 bedeutet Eingabetaste, 27 bedeutet ESC-Taste
Vorlesung 3
JQuery und andere in diesem Abschnitt erlernte Entwicklungskenntnisse:
1. Menüelemente auf der Seite können durch verschachtelte ul und li
dargestellt werden
2. Die äußerste Ebene des Menüs ist ul. Jedes Hauptmenü in einer Ebene wird in einer li platziert. Wenn es ein Untermenü gibt, erstellen Sie eine neue ul in der li des Hauptmenüs und verschachteln Sie diese, um eine zu erstellen vielschichtiges Menü.
3. Im Browser haben die Elemente ul und li standardmäßig Punktkennzeichnungen vor dem Text, und das Element li wird eingerückt. Der Opera-Browser ist etwas Besonderes und die Kennung von li unterscheidet sich von der anderer Browser.
4. Wenn der Listenstil-Attributwert „none“ ist, können Sie die kleinen Punkte vor ul und li
löschen
5. Um den Einrückungswert des Untermenüs zu löschen, müssen sowohl der Abstand als auch der Rand 0 sein. IE6 und IE7 können den Einrückungswert nur löschen, wenn der Rand ebenfalls 0 ist
6. Mit „background-image“ können Sie das Hintergrundbild eines Elements angeben. Wenn das Hintergrundbild kleiner als die tatsächliche Größe des Elements ist, wird das Hintergrundbild automatisch horizontal und vertikal wiederholt, bis es den gesamten Bereich ausfüllt
7. Sie können bakcground-repeat verwenden, um die wiederholte Füllmethode des Hintergrundbilds zu steuern.
8. Wenn für ein Element sowohl ein Hintergrundbild als auch eine Hintergrundfarbe definiert sind, wird die Hintergrundfarbe dort nicht angezeigt, wo ein Hintergrundbild vorhanden ist
9.Wenn der Wert des Textdekorationsattributs „none“ ist, können Sie die Unterstreichung im Text deaktivieren
10.Background-position kann die Position des Hintergrundbilds steuern. Der Attributwert kann entweder ein numerischer Wert oder mittlere, linke und obere Werte sein, um die horizontale und vertikale Position zu steuern. Für dieses Attribut gibt es zwei Werte: Der erste entspricht der horizontalen Richtung und der zweite entspricht der vertikalen Richtung
11. Der Wert von „Hintergrundbild“ ist „none“, was bedeutet, dass kein Hintergrundbild vorhanden ist
12.Wenn der Wert von „background-repeat“ „no-repeat“ ist, wird das Hintergrundbild in dem Bereich, in dem es sich befindet, nicht wiederholt angezeigt.
13. Andere Browser als IE6 können dafür sorgen, dass das a-Element den Bereich ausfüllt, indem sie den Anzeigewert auf Block setzen. Für IE6 müssen Sie die Anzeige auf Inline-Block und die Breite von a einstellen.
14. Der Wert von display ist none und kann zum Ausblenden von Elementen verwendet werden.
15. Der Unterschied zwischen .main a und .main > a besteht darin, dass ersteres alle a-Knoten innerhalb der Elemente dieser Klasse von .main auswählt, während letzteres nur die a-Knoten unter den untergeordneten Knoten von .main
auswählt
16. Mit den Show- und Hide-Methoden können Elemente ein- oder ausgeblendet werden. Der Effekt ohne Parameter ist der gleiche wie das Ändern des Anzeigeattributs von CSS. Der Parameter kann eine Zahl in Millisekunden oder die drei Zeichen „langsam“, „normal“ und „schnell“ sein,
Sie können die zum Ein- oder Ausblenden erforderliche Zeit steuern. Beachten Sie, dass der Animationseffekt durch kontinuierliche Änderung der Breite und Höhe des Elements erreicht wird.
17. Die Umschaltmethode ist leistungsfähiger. Sie kann uns die Beurteilung ersparen, ob das Element angezeigt oder ausgeblendet ist, und die angezeigten Elemente direkt ausblenden und die ausgeblendeten Elemente anzeigen. Die Parameterverwendungsmethode ist dieselbe wie beim Anzeigen und Ausblenden.
18. slideDown und slideUp können den Effekt eines Bildlaufs nach unten oder oben erzielen. Tatsächlich wird der Animationseffekt durch Ändern der Höhe des Elements innerhalb einer bestimmten Zeit erreicht. Es ist zu beachten, dass sich der Fall, in dem die Parameter dieser beiden Methoden leer sind, vom Anzeigen und Ausblenden unterscheidet.
19.slideToggle und toggle erzielen ähnliche Effekte
20.DOCTYPE hat Auswirkungen auf die Animation in JQuery. Wenn keine DOCTYPE-Definition vorhanden ist, hat die Animation von JQuery im IE einen schlechten Flackereffekt.
21. Der Wert von float ist left, wodurch alle Elemente, die sich ursprünglich in einer Zeile befanden, in einer Zeile nach links schweben können.
22. Sie können den gleichen Stil für mehrere Selektoren definieren und verwenden, um die Selektoren zu trennen. Ebenso können Sie für die $-Methode von JQuery auch einen Selektor übergeben.
Vorlesung 4
JQuery und andere in diesem Abschnitt erlernte Entwicklungskenntnisse:
1. Eine Gruppe von Tags wird von einer UL verwaltet, und jedes Tag ist ein Li in der UL; der Inhalt unter dem Tag wird von einem Div verwaltet
2. Die Elemente, die auf das schwebende Element (float) folgen, umgeben das schwebende Element. Wenn Sie diese Umgebung nicht wünschen, können Sie das Attribut „clear“ für das Element nach dem schwebenden Element definieren,
3. Um die Integration des aktuellen Etiketts und des Inhaltsbereichs zu erreichen, kann dies erreicht werden, indem die gleiche Hintergrundfarbe und der gleiche Farbrand für das aktuelle Etikett verwendet werden.
4. Die Mouseover- und Mouseout-Methoden in JQuery entsprechen den Onmouseover- und Onmouseout-Ereignissen von Standard-Javascript und können Mauseintritts- und -austrittsereignisse verarbeiten.
5. Führen Sie die Each-Methode für ein JQuery-Objekt aus, das mehrere Elemente enthält. Der Inhalt der Funktion, die für die Each-Methode registriert werden kann, wird von jedem Element ausgeführt. Gleichzeitig dieses
Die Funktion kann auch einen Parameter empfangen, der den Indexwert dieses Elements angibt. Viele Methoden in JQuery verwenden auch jede
6. Die eq-Methode kann nur eines der mehreren im JQuery-Objekt enthaltenen Elemente basierend auf dem Indexwert abrufen und dennoch das neue JQuery-Objekt zurückgeben, das dem Element entspricht.
7. Verwenden Sie eq im Selektor, z. B. $(“div:eq(1)”)
8. Die Methoden „addClass“ und „removeClass“ werden zum Hinzufügen und Entfernen der Klassendefinition von Elementen verwendet.
9. Die setTimeout-Methode in Javascript kann die Ausführung bestimmter Codes verzögern, und das entsprechende clearTimeout kann den Set-Delay-Vorgang löschen.
10. Wenn Sie eine AJAX-Anwendung erstellen, können Sie darüber nachdenken, sie jetzt in FireFox zu debuggen und sie dann in anderen Browsern zu überprüfen und mögliche Kompatibilitätsprobleme zu beheben.
11. Das Cursor-Attribut kann den Mausstil auf dem Element steuern. Der Attributwert des Zeigers stellt den Handstil dar, der unser üblicher Link-Mausstil ist
12. Das Positionsattribut kann die Art und Weise steuern, wie das Element positioniert wird. Wenn der Wert relativ ist, bedeutet dies, dass er relativ zur ursprünglichen Position positioniert wird. Sie können die Bewegung von Elementen relativ zu ihren ursprünglichen Positionen steuern, indem Sie die Werte „oben“, „links“, „unten“ und „rechts“ festlegen
13. Der Z-Index kann die Ebenenhöhe der Elemente auf der Seite steuern. Je größer der Wert, desto höher liegt er in der Ebene der Seite und deckt auch einige Elemente mit niedrigeren Z-Index-Werten ab. Nur für Elemente, deren Positionswert relativ oder absolut ist, wird der Z-Index wirksam.
14. Die Lademethode in JQuery ist sehr leistungsfähig. Sie kann die Datenausgabe einer bestimmten statischen oder dynamischen Seite oder eines serverseitigen Programms in ein Element laden, das vom JQuery-Objekt umschlossen ist, das die Lademethode ausführt.
15. Die Lademethode unterstützt auch das teilweise Laden. Fügen Sie nach der geladenen Seitenadresse ein Leerzeichen hinzu und verwenden Sie dann den Selektor, um den Teil der Seite zu laden, der dem Selektor entspricht.
16. Die geladene Seite muss UTF-8-kodiert sein, sonst werden die chinesischen Zeichen nach dem Laden verstümmelt.
17.bind kann verwendet werden, um Javascript-Ereignisse oder in JQuery definierte Ereignisse an den angegebenen Knoten zu binden. Für Ereignisse, die keine direkte Registrierungsmethode in JQuery bereitstellen, können Sie sie auf diese Weise registrieren. Der zweite Parameter der Methode kann die Methodendefinition der Ereignisausführung sein.
18.ajaxStart und ajaxStop entsprechen den Ereignissen vor und nach dem Start und Ende der Ajax-Interaktion. Nach der Registrierung dieser beiden Ereignisse für einen Knoten wird die angegebene Methode vor und nach dem Start und Ende der Ajax-Interaktion auf der aktuellen Seite ausgeführt.
Vorlesung 5
1. Das alt-Attribut des img-Tags sollte geschrieben werden. Wenn das Bild nicht geladen wurde oder nicht vorhanden ist, werden die Textinformationen dieses Attributs angezeigt
2.select stellt ein Dropdown-Feld dar. Der Inhalt der Option Start- und End-Tags wird zum Abrufen und Senden verwendet mit der val-Methode in JQuery an den Server übertragen.
Wenn der Attributwert von selected als ausgewählt definiert ist, bedeutet dies, dass die aktuelle Option ausgewählt ist
3. So zeigen Sie das div-Element in der Mitte an: Legen Sie die Breite des div fest, und dann sind die Werte von margin-left und margin-right beide automatisch. Die Abkürzung lautet margin: 0 auto;
4. Das p-Tag von HTML stellt den Inhalt eines Absatzes dar. Der Inhalt nimmt eine oder mehrere Zeilen ein und der folgende Inhalt wird in einer anderen Zeile angezeigt
5. Um den Text und die Bilder in p zu zentrieren, können Sie das Attribut text-align verwenden, und der Attributwert ist center. Das p-Tag verfügt standardmäßig über die Werte „margin-top“ und „margin-bottom“, die bei Bedarf über CSS gelöscht werden können
6. Wenn der Attributwert „Sichtbarkeit“ ausgeblendet ist, wird das Element ausgeblendet. Wenn es jedoch von der Anzeige abweicht, nimmt es immer noch einen bestimmten Platz auf der Seite ein, wird jedoch nicht angezeigt
7. Wenn mehrere Selektoren denselben Attributwert haben, können sie zusammen definiert und durch Kommas getrennt werden
8. Die Änderungsmethode entspricht dem onchange-Ereignis in Standard-Javascript und kann Ereignisse verarbeiten, wenn sich der Inhalt des Dropdown-Felds ändert
9. Die übergeordnete Methode kann den übergeordneten Knoten eines Knotens abrufen
10. Die nächste Methode kann den nächsten Geschwisterknoten eines Knotens abrufen, und die entsprechende vorherige Methode kann den vorherigen Geschwisterknoten eines Knotens abrufen
11. Die Methode $.post kann eine asynchrone Post-Anfrage beim Server initiieren. Der erste Parameter ist die serverseitige Adresse der Anforderung, der zweite Parameter sind die an den Server gesendeten Daten und der Parameter ist das genommene Javascript-Objekt
Der dritte Parameter wird in Form von Name-Wert-Paaren ausgedrückt und ist die Rückrufmethode. Der vierte Parameter gibt den vom Server zurückgegebenen Datentyp an, der uns bei der Konvertierung basierend auf diesem Parameter hilft. Die Get-Methode unterscheidet sich nur im zweiten Parameter und die anderen Parameter haben die gleiche Verwendung
12. Die einfache Objektdefinitionsmethode in Javascript ist {key1: value1, key2: value2}
13. Das Datenformat von JSON ist eigentlich der Textformatinhalt, der durch ein Objekt oder Daten in Javascript definiert wird, wie zum Beispiel {key1: value1, key2: [1,2,3]} oder [1,2,{key2: value2} ]
14. Sie können die Methode $("<option></option>") direkt verwenden, um die Optionen im Dropdown-Feld zu erstellen, und sie dann mit der appendTo-Methode zum Dropdown-Feld hinzufügen
15. Die attr-Methode kann den Attributwert eines Knotens festlegen oder abrufen
16.ajaxStart wird ausgeführt, bevor jede von JQuery ausgegebene Ajax-Anforderung beginnt, ajaxStop wird ausgeführt, nachdem alle Ajax-Anforderungen in der JQuery-Warteschlange beendet sind, und ajaxComplete wird ausgeführt, nachdem jede von JQuery ausgegebene Ajax-Anforderung beendet ist
17. FadeOut und FadeIn können den Effekt des Ausblendens und Einblendens erzielen. Der Parameterinhalt ähnelt den Methoden slideUp und slideDown.
18. Die Animationsmethode kann jeden Animationseffekt erzielen und steuern, dass sich ein bestimmtes CSS-Attribut innerhalb eines bestimmten Zeitraums ändert, um den Animationseffekt zu erzielen
19.Opazität kann die Transparenz von Elementen ändern. 100 bedeutet vollständig angezeigt und 0 bedeutet vollständig transparent. JQuery in der Animationsmethode
Die Browserunterschiede werden abgeschirmt, und der Ein- und Ausblendeffekt kann durch direkte Verwendung der Deckkraft erreicht werden.
20. Die Datenmethode kann zum Zwischenspeichern von Daten verwendet werden. Caching kann die Betriebseffizienz des Systems verbessern und die Belastung auf der Serverseite reduzieren
21. Sie können das Image-Objekt in Javascript verwenden, um Bilder vorab zu laden, sodass Sie wissen, wann das Bild geladen wird, und so einige schnelle Informationen zum Laden des Bildes bereitstellen können.
22. Die Lademethode kann dem Onload-Ereignis in Javascript entsprechen. In diesem Beispiel wird sie verwendet, um das Ereignis beim Laden des Bildes zu erfassen
Vorlesung 6
JQuery und andere in diesem Abschnitt erlernte Entwicklungskenntnisse:
1. Das simulierte Fenster auf der Seite kann über das div-Tag von HTML realisiert werden. Die Titelleiste und der Inhaltsbereich im Fenster können jeweils durch ein div dargestellt werden
2. Es gibt viele Möglichkeiten, eine Gruppe von Divs wie ein Fenster aussehen zu lassen. Sie können beispielsweise das gesamte Fenster so einstellen, dass es eine Hintergrundfarbe verwendet, und dann eine andere Hintergrundfarbe für den Inhaltsbereich verwenden, und
Legen Sie einen bestimmten Füllwert für das Fenster fest (oder legen Sie einen Rahmen für den Inhaltsbereich fest), um einen Kontrast zwischen dem Inhaltsbereich und der Außenseite des Fensters nach der Titelleiste zu erzielen, sodass es wie ein Fenster aussieht.
3. Verstehen Sie den Effekt von Float richtig, der sich tatsächlich auf den Anzeigeeffekt zwischen dem nächsten Element und dem Float-Element auswirkt. Wenn sich in diesem Beispiel das Bild im HTML-Code am Ende der Titelleiste befindet, lautet Float: rechts führt dazu, dass das Bild wegläuft
Die rechte Seite der Domäne. Nur wenn Sie das Bild vor dem Text der Titelleiste in HTML platzieren, wird das Bild mit float: right genau ganz rechts in der Titelleiste platziert
4. Wenn der Überlaufattributwert „Auto“ ist und der Inhaltsbereich die definierte Höhe oder Breite überschreitet, wird die Bildlaufleiste angezeigt.
JQuery und andere in diesem Abschnitt erlernte Entwicklungskenntnisse:
5. Wenn der Wert des Positionsattributs absolut ist, wird das Element absolut auf der Seite positioniert. Standardmäßig wird es relativ zur oberen linken Ecke der Seite positioniert. Wenn der Vorgängerknoten die Definition „position: relativ“ hat, wird er relativ zur oberen linken Ecke des Vorgängerknotens positioniert
6. Die Breite und Höhe des sichtbaren Bereichs des Browsers können über $(window).width() und $(window).height()
ermittelt werden
7. Der linke und obere Rand der Browser-Bildlaufleiste kann über $(window).scrollLeft() und $(window).scrollTop()
abgerufen werden
8. Positionieren Sie das Fenster in der Mitte des sichtbaren Bereichs des Bildschirms. Sie müssen das Fenster verwenden, um es in der Mitte des sichtbaren Bereichs des Bildschirms zu positionieren Von der Breite des sichtbaren Bereichs des Bildschirms, dann durch 2 dividieren und die Breite der Bildlaufleiste addieren. Der linke Grenzwert ist erforderlich, um das Fenster zu erhalten
Auf die gleiche Weise erhält man auch den gewünschten linken Grenzwert;
9. So schreiben Sie das Plug-in: $.fn.myplugin = function(){//mycode}, dies stellt das JQuery-Objekt dar, das diese Methode ausführt. Beachten Sie, dass die Methode dies am Ende zurückgeben sollte, um sicherzustellen dass andere JQuery-Methoden den Betrieb kaskadieren können.
10. Mit der Instanz von können Sie feststellen, ob eine Variable eine Instanz einer bestimmten js-Klasse ist, z. B. um festzustellen, ob es sich um ein Objekt handelt
11. Mit typeof können Sie den Datentyp einer Variablen bestimmen, z. B. typeof str == „string“
12. Die Methoden height() und width() ermitteln die Höhe und Breite des Elements selbst, innerHeight() und innerWidth() ermitteln die Höhe und Breite einschließlich der Polsterung, und OUTERHEIGHT() und OUTERWidth() ermitteln die Höhe und Breite einschließlich Polsterung
Höhe und Breite, „outerHeight(true)“ und „outerWidth(true)“ ermitteln die Höhe und Breite einschließlich Rand, Rand und Polsterung
13.Scroll kann verwendet werden, um die Vorgänge zu registrieren, die zum Scrollen der Bildlaufleiste des Browsers oder eines bestimmten Knotens erforderlich sind.
14.resize kann verwendet werden, um die Vorgänge zu registrieren, die ausgeführt werden müssen, wenn sich die Browsergröße ändert.
15. Die von jquery bereitgestellten Ereignisoperationen sind während der Registrierung inkrementell. Ich habe beispielsweise zwei Codeteile: $(window).scroll(function(){}). Der Funktionsinhalt des zweiten Teils deckt den zweiten Teil nicht ab . Ein Absatz, aber beim Scrollen werden beide Codeteile ausgeführt
16. Die Animationsmethode kann die linken und oberen Werte innerhalb eines bestimmten Zeitraums ändern, um den Effekt einer Animation zu erzielen.
17. Die Dequeue-Methode kann einen Animationseffekt vom Anfang der Animationswarteschlange entfernen und ihn sofort ausführen. Dadurch wird sichergestellt, dass Animationen am Ende der Warteschlange ausgeführt werden können, ohne auf die Animation am Anfang warten zu müssen.
18. Mit der is-Methode kann ermittelt werden, ob ein Objekt den jquery-Selektor im is-Methodenparameter erfüllt
19. :visible-Selektor kann verwendet werden, um sichtbare Elemente auf der Seite zu erhalten
20. Unterschiede zwischen Browsern führen dazu, dass der Code in document.ready die Breite und Höhe des sichtbaren Bereichs des Browsers sowie die linken und oberen Werte der Bildlaufleiste erhält. Daher müssen wir sicherstellen, dass die Werte vorliegen werden nach Abschluss dieser Methode erhalten.
21.$.browser kann verwendet werden, um den Browsertyp zu bestimmen. Die Bestimmungsmethode kann $.browser.msie == true sein. Zu den Werten, die auch verwendet werden können, gehört $.browser.opera$.browser.safari $ .browser.mozilla
22.$.browser.version kann die Versionsnummer des Browsers ermitteln, z. B. $.browser.version.indexOf(“8”)