Hur man använder kedja i jQuery

Om du är ny på jQuery samt JavaScript som sådan, vissa begrepp kan vara nytt för dig. En sådan sak är idén om kedja. Omdömen

Du kan tänka på kedja som en lista över åtgärder köra en efter en, men istället för att lansera dem separat de förhåller sig till de tidigare åtgärderna leder. Omdömen

Låt oss ta denna kod till exempel:

 Titel Content Omdömen 
 Omdömen 
 Låt oss lägga till en händelse till sidhuvudtagg Omdömen 
 $ ("# outerContainer h2". ) .
Klicka (function () {
 //Utför vissa åtgärder 
}), 
 Det betyder att när någon klickar på rubriken funktionen ovan kommer att kallas Omdömen 
 $ (". #outerContainer h2 ") klickar du på (funktion (). {
 var parentContainer = $ (this) .parent (); 
}), 
 Vi börjar av genom att skapa en jQuery objekt med denna för att ställa vårt sammanhang som huvudets (h2). Detta följs av jQuery funktion förälder () som förflyttar sammanhang till #outerContainer elementet. En hänvisning till som hamnar tilldelas till parentContainer variabeln.
 Omdömen 
 Omdömen 
 $ ("# outerContainer h2"). Klicka (function () {
 $ (this) .parent ( ) .addClass ("klickat") barn ("p") dölja ();.. 
}), 
 Ovanstående skulle lägga till en klass "klickat" till #outerContainer och sedan hitta alla barn stycken som Det skulle då dölja. Allt detta i en kedja av åtgärder. Omdömen 
 Omdömen 
 Som du kan se genom att följa färgerna i bilden samband med åtgärderna i kedjan kan påverkas av vissa åtgärder.
 Du kan dela upp åtgärderna i två typer: sådana som utför operationer på ett objekt (här: addClass () eller dölja ()) och sådana som rör ditt sammanhang till ett annat objekt (här: förälder (), eller barn ()) . 
 
 För att förklara detta ytterligare, detta är hur kedjan skulle kunna utvidgas. Omdömen 
 $ ("# outerContainer h2") klickar du på (function () {
 $ (this) .parent () addClass ("klickat");. 
 $ (this) .parent () barn ("P") hide ();..
 
}), 
 Men ovanstående uppenbarligen innebär en onödig lookup som vi lokalisera #outerContainer två gånger Omdömen 
 $ ("# outerContainer h2") klickar du på (function () {
 var parentContainer = $ (this) .parent ();.. 
 parentContainer .addClass ("klickat"); 
 parentContainer.children ("p") hide ();. 
}), 
 Nu är det här en mycket bättre prestanda klokt, men du kan enkelt se hur kedja kan Hjälp grupptalan i logiska grupper och spara utrymme, samt göra din kod mycket mer lättläst.
 


       
 
       

          
Hur man designar en användbar blogg Template
          

            
Irish Grafisk Design Industry 
10 tips för bättre säljare Representation
God kvalitet men Cheap Web Design
Sadel hållning och Val är mycket viktiga för Cycling
Så att välja rätt försäljning och hyra tillbaka 
ERP-lösningar Gör Business Solutions Trouble-Free! 
Hitta rätt cykelställ: Hur man väljer ett cykelställ som möter din Needs
Hur man väljer webbhotell & amp; ndash; I
Pocket Bike Parts med kraft och personlighet för din Bike
Hur du väljer en Billiga dedikerade Server