aktueller Standort: Heim  >  Herunterladen  >  Lernmittel  >  Quellcode der Kursunterlagen  >  Quellcode des praktischen JQuery-Tutorials

Quellcode des praktischen JQuery-Tutorials

Quellcode des praktischen JQuery-Tutorials

Quellcode des praktischen JQuery-Tutorials
Klassifizieren:   Lernmaterialien / Quellcode der Kursunterlagen Veröffentlichkeitsdatum:  2017-08-14 Besuche:  3420699
Herunterladen:  234
Klicken Sie hier zum Herunterladen
Mehr>

Neueste Downloads

Alarmstufe Rot OL

Das Handyspiel „Red Alert OL“ ist ein Strategie-Handyspiel, das von Beijing Youai Interactive Entertainment Technology Co., Ltd. entwickelt wurde. Das Spiel wurde am 17. Januar 2019 offiziell für die öffentliche Beta freigegeben. „Red Alert OL“ ist das einzige authentisch autorisierte Red Alert-Spiel in China. Es handelt sich um ein neues Handyspiel, das auf dem klassischen PC-Spiel „Red Alert“ basiert. Das Spiel erzählt die Geschichte von Yuri, der versucht, eine Geisterinvasion zu starten, um die Herzen von Menschen auf der ganzen Welt zu kontrollieren und seinen Racheplan in die Tat umzusetzen. Spieler können die Rolle eines Kommandanten übernehmen, ihr eigenes Lager errichten, weitere Untergebene rekrutieren und mit anderen Spielern zusammenarbeiten, um der Invasion von Geistern zu widerstehen. Das Spiel verfügt über Kampftrainingselemente wie Helden, Strategien und Chips und führt auch PVP-Gameplay wie Tiberiumkriege, gemeinsame Militärübungen und Segelexpeditionen ein.
270 2024-11-28

Operationsdelta

„Operation Delta“ ist eine neue Generation taktischer Schießqualitäts-Benchmark-Spiele, die vom Linlangtiantian-Team entwickelt und betrieben werden. PC- und Mobilversionen werden im September offiziell veröffentlicht! Ich werde mich auch in Zukunft weiterhin bei der Host-Plattform anmelden. Sie verwandeln sich in einen Spezialeinsatzkommando, arbeiten eng mit Ihren Teamkollegen zusammen, formulieren flexibel Taktiken, erledigen verschiedene scheinbar unmögliche Extremaufgaben und sammeln ein reichhaltiges und aufregendes Kampferlebnis.
796 2024-11-27

Pokémon-Versammlung

Pokémon UNITE ist das erste Team-Strategie-Kampfspiel der Pokémon-Serie, das gemeinsam von Tencent Tianmei Studio Group und The Pokémon Company entwickelt wurde. Es ist für Android, iOS und Nintendo Switch verfügbar.
0 2024-11-26

‎Fantasy-Aquarium

„Fantasy Aquarium“ ist ein Fantasy-Abenteuerspiel, das es Spielern ermöglicht, die geheimnisvolle Unterwasserwelt zu erkunden. In diesem fantasievollen Aquarium schlüpfen die Spieler in die Rolle eines Aquarienmanagers und Experten
0 2024-05-08

‎Girls Frontline

„Girls‘ Frontline“ ist ein von SUNBORN Games entwickeltes Strategie-Rollenspiel. In dieser zukünftigen Welt kämpfen Menschen und Robotermädchen in der Rolle eines Kommandanten und führen eine einzigartige Armee von Robotermädchen in einer Reihe spannender Schlachten an. Spielfunktionen: Ein riesiges Lager von Robotermädchen: Sammle und trainiere Robotermädchen mit unterschiedlichen Stilen und Fähigkeiten, um dein eigenes stärkstes Team aufzubauen. Tiefgründige Handlung: Kommunizieren Sie mit den Robotermädchen und gewinnen Sie ein tieferes Verständnis für den Hintergrund ihrer Geschichte, indem Sie ihnen im Kampf Unterstützung und Ermutigung bieten. Exquisite Kampfgrafiken: Genießen Sie wunderschöne Kampfszenen
0 2024-05-06

‎Flügel der Sterne

„Star Wings“ ist ein 3D-Wettbewerbsspiel, das Mecha-Girl-Elemente perfekt mit klassischem GVG-Kampfspiel kombiniert. Im Spiel steuern die Spieler ein Mecha-Mädchen mit starker Kampfkraft, um auf dem aufregenden Schlachtfeld erbitterte 1-gegen-1- und 2-gegen-2-Kämpfe auszutragen und dabei den unvergleichlichen Charme des Wettbewerbs zu spüren. Das Spiel nutzt hochpräzise 3D-Modellierungstechnologie, um wunderschöne Grafiken zu präsentieren. Jeder Mecha ist einzigartig und stellt die mechanische Struktur voller Technologie und die anmutige Figur des Mädchens feinfühlig dar, als wäre es ein animierter Blockbuster, der in Ihrer Handfläche läuft. Die schönen Pilotinnen haben jeweils ihren eigenen Charme und ihre unterschiedlichen Persönlichkeitsmerkmale kommen in ihren Stimmen und Handlungen zum Ausdruck.
521 2024-05-06

‎Kleine Blumenfee, Feenparadies

„Little Flower Fairy Fairy Paradise“ ist ein Gelegenheitsspiel voller kindlichem Spaß und Magie, das den meisten Spielern ein wunderbares Spielerlebnis bietet. Im Spiel schlüpfen Sie in die Rolle einer kleinen Blumenfee und betreten mit anderen Spielern das Elfenparadies, um sich auf ein Abenteuer voller Überraschungen einzulassen. Spielfunktionen: Neues magisches Abenteuer: Genießen Sie ein neues Elf Paradise-Abenteuer mit exquisiteren Grafiken. Exquisite Spielgrafiken: Das Spiel nutzt die neueste 3D-Technologie, um wunderschöne Spielgrafiken zu erstellen und den Spielern einen völlig neuen visuellen Schock zu bieten. Verschiedene Aktivitäten: Im Spiel können Spieler an verschiedenen Aktivitäten teilnehmen und zahlreiche Spielbelohnungen erhalten. reich
0 2024-05-06

‎Restaurant Cute Story

„Restaurant Cute Story“ ist ein niedliches Restaurant-Management-Simulationsspiel. In diesem Spiel schlüpfen Sie in die Rolle eines jungen Restaurantbesitzers. Indem Sie das Restaurant leiten und leiten, begrüßen Sie eine Gruppe netter Kunden und schaffen ein einzigartiges und geschäftiges Restaurant. Spielfunktionen: Niedliche Tierkunden: Es gibt verschiedene niedliche Tierfiguren als Kunden im Spiel. Jedes Tier hat seine eigenen Vorlieben und Bedürfnisse. Sie müssen die am besten geeigneten Gerichte entsprechend seinen Vorlieben bereitstellen. Passen Sie Ihr Restaurant individuell an: Von der Dekoration bis zu den Möbeln können Sie ein einzigartiges Restaurant nach Ihren eigenen Vorlieben und Ihrer Kreativität gestalten, um mehr Kunden anzulocken. Vielfältiges Menü: im Spiel
574 2024-05-05

‎Shanhe Reiseerkundung

„Shanhe Travel Detective“-Spieleinführung „Shanhe Travel Detective“ ist eine faszinierende Handlung mit einem Denk- und Ermittlungsspiel im chinesischen Stil. Dieses Spiel kombiniert geschickt traditionelle chinesische Kulturelemente mit klassischem Denk- und Ermittlungsspiel und präsentiert den Spielern eine Spielwelt voller Geheimnisse und Überraschungen. Im Spiel schlüpfen die Spieler in die Rolle eines talentierten jungen Detektivs, der durch Berge und Flüsse reist, um verschiedene komplizierte und verwirrende Fälle zu untersuchen. Jeder Fall ist sorgfältig konzipiert und voller Spannung und Herausforderungen. Die Spieler müssen Weisheit und Beobachtungsgabe einsetzen, um Hinweise zu sammeln und die Wahrheit herauszufinden. Das Spiel hat einen einzigartigen Grafikstil, der einen wunderschönen chinesischen Stil annimmt und altes Chinesisch kombiniert
946 2024-05-05

‎Liebe und Produzent

„Love and Producer“ ist ein von Elex entwickeltes Handyspiel für Frauen. In diesem Spiel schlüpfst du in die Rolle eines Produzenten und begibst dich auf eine romantische Reise mit vier markanten männlichen Protagonisten. Spielfunktionen: Synchronisation mit echten Personen, um das realistischste Handlungserlebnis wiederherzustellen. Die reichhaltige Spielhandlung und die Höhen und Tiefen emotionaler Geschichten lassen Sie in das Spiel eintauchen. Stellt den Betrieb von AR-Spielen perfekt wieder her, sodass Sie das Spiel besser genießen können. Das einzigartige Gameplay ermöglicht es Ihnen, den Protagonisten tiefer zu verstehen und eine andere Art von Liebe zu erleben. Verdiene dir Requisiten durch Aufgaben und Aktivitäten und verbessere damit die Eigenschaften des Helden.
519 2024-05-04
Homepage herunterladen / Lernmittel / Quellcode der Kursunterlagen

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”)

Erklärung dieser Website
Alle Ressourcen auf dieser Website werden von Internetnutzern beigesteuert und veröffentlicht oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur zum Lernen und Nachschlagen. Bitte verwenden Sie sie nicht für kommerzielle Zwecke, da Sie sonst für alle daraus entstehenden Folgen verantwortlich sind! Wenn es einen Verstoß gibt, kontaktieren Sie uns bitte, um ihn zu löschen und zu entfernen. Kontaktinformationen: admin@php.cn

Verwandte Empfehlungen

Website-Vorlage für die Buchung von Mietwagen für Reisehotels

Die One-Stop-Service-Website-Vorlage für die Hotelbuchung und Autovermietung ist ein Download einer Reise-Website-Vorlage, die für die Bereitstellung eines One-Stop-Service für die Hotelbuchung und Autovermietung geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-01-17

Website-Vorlage für Internet-Daten-SEO-Dienste

Die Website-Vorlage für den Internet-Daten-SEO-Dienst ist ein Werbe-Website-Vorlagen-Download, der für Internetunternehmen geeignet ist, die SEO, Datenanalyse, Softwareentwicklung und andere Dienstleistungen anbieten. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-01-17

Website-Vorlage für die Schönheits- und Hautpflege-SPA-Branche

Die Website-Vorlage für die Schönheits- und Hautpflege-SPA-Branche ist ein Website-Vorlagen-Download, der für die Werbung für die Schönheits-, Hautpflege- und medizinische Schönheitsbranche geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-01-17

Responsive HTML5-Website-Vorlage „Explore World Travel'.

Die responsive HTML5-Website-Vorlage „Explore the World Travel“ ist eine herunterladbare Website-Vorlage, die sich für die Werbung in der Reisebranche eignet. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-01-17

HTML5-Website-Vorlage für Umweltschutz und Tierschutz

Die HTML5-Website-Vorlage für Umweltschutz und Tierschutz ist eine Website-Vorlage, die zum Herunterladen von Website-Vorlagen zur Förderung des Umwelt- und Tierschutzes geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-01-17

Werbe-Website-Vorlage für Reinigungsunternehmen im Bereich Housekeeping

Die Werbe-Website-Vorlage für ein Hauswirtschafts- und Reinigungsdienstleistungsunternehmen ist ein Website-Vorlagen-Download für ein Hauswirtschafts- und Reinigungsdienstleistungsunternehmen. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-01-17

Website-Vorlage für Sport-Laufschuhe im Online-Einkaufszentrum

Die Website-Vorlage für Sport-Laufschuhe im Online-Einkaufszentrum ist ein E-Commerce-Website-Vorlagen-Download, der Online-Kaufdienste für verschiedene Sport-Laufschuhe bietet. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-01-17

Vorlage für die Werbewebsite eines globalen IT-Dienstleistungsunternehmens

Die Werbewebsite-Vorlage für ein globales IT-Dienstleistungsunternehmen ist ein Download einer Werbewebsite-Vorlage für ein Unternehmen, das IT-Dienstleistungen anbietet. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-01-17

Beliebte Empfehlungen

TP5 aktueller Combat_teaching-Managementsystem-Quellcode der gesamten Site

In dieser Reihe von Tutorials wird ein echtes Schulmanagementsystem als Beispiel verwendet, um Ihnen Schritt für Schritt beizubringen, wie Sie mit dem ThinkPHP5-Framework schnell ein kommerzielles Projekt auf einem weißen Blatt Papier entwickeln und von Grund auf neu beginnen können, sodass Sie schnell mit TP5 beginnen können Projektentwicklung. .

Übersichtstabelle für allgemeine PHP-Funktionen

Häufig verwendete Funktionen in PHP, Funktionen, die häufig während der Entwicklung verwendet werden

PHP-praktische Tianlongbabu-Imitation der iQiyi-Filmwebsite-Kursunterlagen

PHP-praktische Tianlongbabu-Imitation der iQiyi-Filmwebsite-Kursunterlagen

Quellcode für die Entwicklung von TP5-Unternehmenswebsites

Das Paket „ThinkPHP5 Enterprise Site Rapid Development Course“ dieser Website

Video-Tutorial zur offiziellen Version von Thinkphp6.0

Video-Tutorial zur offiziellen Version von Thinkphp6.0

thinkphp3.2.3 Blog-Vorlage

thinkphp3.2.3 Blog-Vorlage

Kursunterlagen zur praktischen Entwicklung eines allgemeinen Backend-Managementsystems (Thinkphp6+Layui)

Kursunterlagen zur praktischen Entwicklung eines allgemeinen Backend-Managementsystems (Thinkphp6+Layui)

ThinkPHP5 Mall-Projekt praktischer Video-Tutorial-Kursmaterial-Quellcode

ThinkPHP5 Mall-Projekt praktischer Video-Tutorial-Kursmaterial-Quellcode

Unterrichten des Quellcodes für die Tage 49–58

Tag 49–58: Unterrichten des Quellcodes

Live-Quellcode des class_Blog-Projekts

Live-Quellcode des class_Blog-Projekts