De functie van de ontdekking van verborgen

jquerys, het is verborgen,,,,,,,,,, delen, deel 1,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen. EN: niet altijd voorkomen.Veel leuke dingen, zal op de oppervlakte, zijn er veel manieren, maar wacht om ontdekt te worden, veel potentiële toepassingen) API, misschien heb je het niet gezien.In dit artikel, ik breng je door een minder duidelijk wat ik vond:.,,, 1.Weet dit.Toen je belde,'jquery ", wat gebeurt er?De functie zelf, dit is heel eenvoudig:: = functie (selectie, de context) {///////- versterking van dit voorwerp eigenlijk alleen de fabrikant de terugkeer van een nieuwe code, FN. De ondernemers (telers, de context);};, het zit onder de huid, belangrijkste functie (meestal aangeduid als het "pakket") alleen weer een dit doel, namelijk de concretisering van een voorbeeld,'jquery. FN. Gestart, constructeurs, die nuttig is en we weten dat we weten; deze informatie elke keer bellen,'jquery ", hebben we eigenlijk tot een volstrekt unieke eigenschap van de olifant.Dit is slim, hij laat je kan worden beschouwd als een reeks objecten.Jullie van elk van de elementen van een (iedereen samen, gewoonlijk aangeduid als de "die") wordt genoemd in een numerieke index in een object, zoals in een generator.Dit is ook aan dit doel,'length, eigendom, zoals je zou verwachten van een generator.Dit opent een wereld vol mogelijkheden.Ten eerste, het betekent dat we kunnen lenen,'array prototype ".),'slice ", is een goed voorbeeld van de bron tot wijziging van:,, /*...De uitbreiding ((FN).* * * * * * * /FIN: functie) (terug te keren. Pushstack (installatie. Het prototype. Afdeling. (dit argument), "stuk", reeks. Het prototype. In stukken gesneden. Telefoon (< WBR > parameters). Voeg (",");}, /*...* * * * * * * /, en de plaatselijke bevolking,'slice, maakt me niks uit, het is niet een echte - en het zou goed zijn,'length, eigendom, [0], [1], [2], enzovoort, en nog een paar andere interessante eigenschappen in dit dit object, "keuze" en ". De context", zal het grootste deel van de tijd in het debat, die een weerspiegeling zijn van je,'jquery (...) ".Geen werk, jqobject =) ("); jqobject.selector; ///////= >" een ", er is een ding dat belangrijker is dit soms voor je nieuwe boek tegen te werken.Als je een verandering van aanpak die een aantal methoden, zoals de ". De ouders ("), en dit niet tot wijziging van de huidige doel; het geeft je een nieuw merk: var originalobject =) ("); de andere = originalobject var. De ouders (); originalobject = = = = andere; /> valse, alle voor het verzamelen, die mutaties, op de een of andere manier weer een nieuw boek, heb je nog steeds toegang kunnen krijgen tot de oude object maar door" ("), of, meer gedetailleerde, door prevobject", de ". 2.Brood en boter van de creatieve elementen: de functie van het centrum van de DOM, is de oprichting van elementen van de grammatica.1.4 heeft snel tot je een nieuwe elementen en beknopte wijze.Bijvoorbeeld, var. Mydiv =) ("< div /> {nummer:" Ik ben de nieuwe elementen: de foo, CSS:{kleur: rood, backgrondcolor: "# fff, grens:" 1 - pixel vaste&#("), - functie) (signalering ('clicked!");}, HTML:jQuery ("< een > {#, klik op de link:": functie) (///////doen terugkeer valse;}})}; 1.4), kan worden doorgegeven aan de belangrijkste functie van het tweede argument, als je een element... Je zal Voor het merendeel van de door het voorwerp, als je als een deel van het ".Attr (...)".Echter, dit zal de kaart, een van de eigenschappen van hun eigen methoden, zoals een klikkend geluid horen, eigenschappen), klik geluiden gehoord, methode (gebeurtenis, klik op "gebeurtenissen),'css, gekoppeld aan de'css", enz.), voor onderzoek naar de eigenschappen van, wat voor kaarten), open Je console en soorten,'jquery. Attrfn ", 3.Zal je input: biedt een kan je alle investeringen in de vorm van een of meer van de methode.Het is nuttig bij de indiening van de gegevens door de X uur ("Ajax").Dat is een lange tijd is, maar het is niet vaak over gesproken, dus veel ontwikkelaars en zich niet bewust van het bestaan.Het formulier ingediend door Ajax, gebruik dit, het kan niet eenvoudiger, dan is mijn online reference = $(var: ik&#vorm);). (ze aan God, PHP, hier is wat ik van de online. Problemen (), functie) (signalering (gegevens heeft gestuurd.);});: biedt,'serializearray "- methode, die ontworpen is om de verschillende vormen van, en,'param, ondersteunende functies () onder de gewone voorwerpen met een) en de terugkeer van een vraag, bijvoorbeeld, de variabele gegevens = {naam: Joe, leeftijd: 44, professionele: de webdesigners};) (data). De parameters; ///////= >" de naam = Joe & leeftijd = 44 & professionele = < WBR > netwerk + projectontwikkelaar ". 4.Wat is,'animate, is waarschijnlijk de meest flexibele) methode.Het kan veel dingen te doen, niet alleen de CSS eigendom, maar niet dom.Dit is hoe je normaal gebruik,'animate ",:: ("&#doos). De animatie ({links: 300: 300}); als je een eigenschap die animatie (bijvoorbeeld, ""): kijken naar je animatie stijl, een eigenschap ('element. Stijl "), en na te gaan of de Voorgeschreven eigenschappen (" ") onder de definitie van'style", als het niet zo is... Is het meest belangrijke, op de vernieuwing en de elementen zelf.Dit is een voorbeeld van: ("# doos). De animatie ({top: 123, rijke: 456}); en, bovenal, een doeltreffende CSS attributen, dus dit zal worden bijgewerkt,'element. Stijl. -", maar'foo ", is het niet, een doeltreffende CSS - eigenschappen, zodat dit zal bijwerken,'element. Foo", kunnen we het in ons voordeel.Zeg, wil je op het doek een animatie.Laten we in de eerste plaats een eenvoudige definitie van de fabrikant en de methode,'draw "wordt genoemd, elke stap van de animatie: functie vierkante (CNV, breedte, lengte, kleur) {x = 0; y = 0; dit this.width = breedte; this.height = hoogte; this.color = kleur; this.cheight = cnvs.height; this.cwidth = = = = = = = cnvs.width; this.cntxt CNV. GetContext (2);} square.prototype.draw = functie) (dit. Cntxt. ClearRect (0, 0, this.cwidth, dit cheight); this.cntxt.fillstyle = this.color; dit. Cntxt. (x, Y,,, this.width, deze hoogte);}, we creëren;" Square "van de fabrikant, die een methode.Het creëren van een doek, en dan maakt het niet eenvoudig: ////////, het creëren van < canvas > - werk doek = dollar ("< canvas />"). Appendto (een "< WBR >) [0]; canvas.height = 400; canvas.width = 600 geconcretiseerd; ////////de VAR - vierkante = nieuwe Plaza (canvas, 70, 70, - (255,0,0)"); dit (Plaza, animatie, Y:200 x:300 ({} {///////"foto 's" moeten noemen, elke stap /animatie: stappen::. Agent (Square, "foto' s"), de duur van de 1000):); dit is een zeer eenvoudige effect, maar het bleek duidelijk dat een mogelijkheid.Hier kan je zien dat de rol van de http://jsbin.com/ocida (alleen voor: steun voor het werk van de browser - 5), 5.Jquery.ajax terug X uur betreft, is de Ajax nut (,,'jquery. Ajax,'jquery. Worden verkregen,'jquery. Na alle terug,'xmlhttprequest,), de uitvoering van een verzoek kan worden in de follow - up van het voorwerp van de operatie.Bijvoorbeeld, var. Currequest;) (knop. Makerequest "). < WBR > klik (functie) (currequest =). ('foo. Php, functionele (reactie) (signalering (gegevens:" + reactie. Responsetext);});});) (cancelrequest knop. ") en LT, WBR > klik (functie) (als (currequest) {currequest. Afbreken (); ///////afbreken () is een methode van verwachte}});, hier hebben we het verzoek,'makerequest" knop klikt, we hebben het initiatief om de gebruikers op de knop,'cancelrequest ".Een andere mogelijkheid is, gebruik te maken van een verzoek, var mijn verzoek =). Ajax ((http: foo. txt asynchrone: valse}); de console van mijn verzoek. < WBR > responsetext);, lees meer over,'xmlhttprequest "object moet controleren, Ajax instrumenten:.6.Gebruik de rij: heeft een ingebouwd in de rij voor de animatie is het mechanisme van alle (zowel gebruik maken van "("), animate, echt.Deze rij kan worden met een eenvoudige beschrijving van de animatie,) ("). Die (functie) (dit (deze). De animatie ({< WBR > paddingleft:+ = 15px"});}, functie) (dit (deze). De animatie ({< WBR > paddingleft:- = 15px "});});, snel in een anker, voordat hij ze weer zal leiden tot een animatie in de rij gaan staan, en ik weet zeker dat velen van u hebben dit effect voor in de rij.Als dat niet het geval is, kijk hier eens naar:, HTTP://JSBin. COM /aqaku,,,'queue, vergelijkbaar met de methode van de bekende, elke dag, hoe heet.Je kan de overdracht van een functie, het zal uiteindelijk voor elk geheel van elementen: (een). Rij (functie) (dit (deze).AddClass ("- < WBR > af"). Dequeue ();}); dat zojuist is aangenomen, zal leiden tot de functie van'queue ". Het werk kan worden toegevoegd aan de standaard,'fx, rij door gebruik te maken van de animatie, namelijk: de rij.Dus, deze functie zal niet in alle lopende animatie in elk element in de verzameling genaamd (in dit geval, alle ankers) is voltooid, dat we nog een soort,'all-done ", in deze functie.Zoals in deze categorie worden toegevoegd, slechts als alle huidige animatie.We doen ook een beroep op de methode,'dequeue ".- en dit is zeer belangrijk, want het zal dit blijven en rij (dat wil zeggen: weet je af van je laten doen.Voor: 1.4 op een andere manier te blijven staan, maar niet bellen,'dequeue ", bel gewoon het eerste argument voor je functie:: (een). Rij (functie (< WBR > nextiteminqueue) {///////rij: nextiteminqueue (blijven);}, dit niet); precies hetzelfde, maar het is een beetje beter, kan worden aangemerkt als een in uw functie, overal, zelfs in een chaos van de sluiting (typische vernietiging van dit", wachtwoord).Natuurlijk, je kan redden van pre-jquery-1.4 referentie, het ", maar dat zou saai zijn, toe te voegen aan de gewoonte is de functie van de rij, rij door het gebruik van de naam als eerste parameter, de functie van de tweede:: (een). Rij (" < WBR > customqueuename "functie) (doe dit (deze) ///////. De kolom (" < WBR > customqueuename ");});, gelieve er nota van te nemen, omdat we geen gebruik maken van de standaard,'fx, rij, we moeten door onze rij, de naam van de'dequeue" methode, om dit verder op rij, meer lezen.'queue ",'dequeue", ",,,'jquery. Rij 7.Indien de naam ruimte biedt, is een incident op een wijze die heel nuttig kunnen zijn als... En de derde component.Als het nodig is, kan de gebruiker van de « plug­in » bindend, dit is alle geregistreerde gebeurtenis - -, de toevoeging van een namespace geregistreerde gebeurtenis van de gebeurtenissen, eenvoudige naam voor een bepaalde tijd en je eigen attributen namespace (bv. ". fooplugin,), jquery.fn.foo = ((): - dit. Bindende (klikken. Fooplugin" functie) (///////doen}); deze bindende ('mouseover. < WBR > fooplugin "functie) (///////doen}); terugkeer;}; ///////« plug­in »: het gebruik van (een):.FOO () ///////de vernietiging van de gebeurtenis;:) (een). (" bevrijding. < WBR > fooplugin ");'unbind", die zojuist door een,, zou de afschaffing van de gebeurtenis en de sluiting van alle, dus Die attributen namespace.Heb ik iets gemist?Een nuttige functie, denk je dat dit niet de papieren in orde?Laten we dit bespreken in de opmerkingen.,



Previous:
Next Page: