Hvis du er ny til jQuery samt JavaScript som sådan, kan nogle begreber være nyt for dig. En sådan ting er ideen om at kæde.
Du kan tænke på kæde som en liste over handlinger køre én efter den anden, men i stedet for at lancere dem separat de vedrører de tidligere handlinger medfører.
Lad os tage denne kode for eksempel:
Titel Indhold
Lad os tilføje en begivenhed til header tag
$ ('# outerContainer h2 «. ) .Klik (function () {
//Udfør en handling})Dette betyder, at når nogen klikker på overskriften funktionen ovenfor, vil blive kaldt
$ ('. #outerContainer h2) klik (function (). {var parentContainer = $ (dette) .parent ();})Vi starter på ved at skabe en jQuery objekt ved hjælp af denne til at indstille vores kontekst som header (h2). Dette efterfølges af jQuery funktion forælder (), der flytter forbindelse til #outerContainer element. En henvisning til, som ender med at blive tildelt parentContainer variabel.
$ ('# outerContainer H2 "). Klik (function () {$ (dette) .parent ( ) .addClass (klikket) børn ('p') skjul ();..})Ovenstående ville tilføje en klasse "klikkede" til #outerContainer og bagefter finde alle børnenes stykker, som det så ville skjule. Alt dette i en kæde af handlinger.
Som du kan se ved at følge farverne i illustrationen forbindelse med aktionerne i kæden kan blive påvirket af visse handlinger.
Du kunne opdele aktionerne i to typer: dem, der udfører operationer på et objekt (her: addClass () eller skjule ()) og dem, der bevæger din kontekst til en anden genstand (her: forældre (), eller børn ()) .
For at forklare dette yderligere, det er sådan at kæden kunne udvides:.
$ ('# outerContainer H2 ") klik (function () {$ (dette) .parent () addClass ('klikkede');.$ (dette) .parent () børn ('p') skjul ();..
})Men ovenstående naturligvis betyder en unødvendige opslag som vi finde #outerContainer to gange
$ ('# outerContainer H2 ") klik (function () {var parentContainer = $ (dette) .parent ();..parentContainer .addClass ('klikkede');parentContainer.children ('p') skjul ();.})Nu er det meget bedre præstation klog, men du kan nemt se, hvordan kæde kan hjælp gruppeaktioner i logiske grupper og spare plads, samt gøre din kode meget mere læsbar.
Hvordan til at designe en nyttig blog Template
- Opbygning af et regulært udtryk i PHP
- Cuil - Den Ny søgning Engine
- Gratis online ejendomsvurdering Værktøjer Og You
- Tutorial: Sådan ændrer du din blog & amp; # 039; s Favicon
- The Best Of Web Design, Uden Hard Expense
- Spil Development A Voksende Technology
- Indhold på webstedet udviklingsstrategier - Oprettelse af et websted Blueprint
- Webudvikling Company Boon Til Online Business
- History Of Brugerdefineret Build Choppers
- Sådan downloader torrents: