Een nuttige methode van 20: moet je gebruik maken van een nuttig

, 20: dat moet je gebruiken,,,,,,,,,, 15, 20, aandelen,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen, dus. En je speelt al de speelt al een tijdje, je begint het door te krijgen, heb je het echt leuk.Ben je klaar voor de tweede fase van de kennis aan is?Vandaag, zal ik die twintig taken en functies, misschien heb je het niet gezien.,,,, 1. () //(), wil je soms iets inbrengen in de DOM, maar je hebt geen goed doen, met de haak van het contract (;), of, prepend (), niet genoeg is, denk je niet dat de toevoeging van een extra element van deze twee of id. Misschien is de functie van je nodig.Ze kunnen je in de DOM elementen ingevoegd vóór of na de andere elementen van de nieuwe elementen, dan is een van de oudere broer.En $("# kinderen). ($(" < P /> ")). De tekst van dit als broers&#kinderen); $("&#kinderen). In de ($("< P />")). De tekst (dezelfde, Maar dit is de kinderen gaan #); je kan ook, als je met je willen opnemen die elementen van de belangrijkste werk doen; slechts te gebruiken, insertafter (), of, in de dollar, de functie, het ("< p> ik broers en zusters kind&#< /P >" ($("),&#kinderen);,, 2, veranderen () (), de methode is, zal een gebeurtenis, zoals (), of, hover ().Wijziging van de tekst van gebeurtenissen is regionale, tekst, en de dozen, en zal het vuur als het doel van de waarden van de elementen worden gewijzigd; dit is de andere, focusout () (), of de waas, een gebeurtenis, het vuur, niet uit het oog verliezen, ongeacht hun waarde hebben of niet, en verandering (). De cliënt of aan gebeurtenissen is perfect; het beter dan de waas, (), omdat je niet meer om na te gaan of de velden, als de gebruikers niet veranderen, de waarde van $(input. [type = tekst] "). De veranderingen (functie () {schakelaars (ID) {/* * /een test om na te gaan of de code hier}}); goed goed goed goed goed goed goed goed goed goed, 3, in de context van de parameters, de context is een van de eigenschappen, de belangrijkste.Bij het verzamelen van de elementen, kan je in een tweede belangrijkste parameter is voorbij.De parameters, zoals in het geval van de elementen van een dom is, en de beperking van de met het project - elementen terug naar je kind van een element is de context.Dat zou een beetje te confusing, dus controleer deze post < P =, "hallo" > hello World< /p> < div = "WRAP" > < P = "hallo" > hello World< /p> < /div>, var; hi1 = $('.hello'), Hi2 = $('.hello', $('#wrap'). (0); console.group ('hi1'); console. Log ("nummer van elementen in collection:", hi1.length); console. Log ("kader van de collection:", hi1.context); console.groupEnd (); console.group ('hi2'); console. Log ("nummer van elementen in collection:", hi2.length); console. Log ("kader van de collection:", hi2.context); console.groupEnd (); deze worden, dus waar zou dat nuttig?Een plek kan zijn van een gebeurtenis die functie.Als je wilt dat een van de elementen in een geval is geactiveerd, kan je het door, als achtergrond ('ul dollar&#optie). Klik (functie () {% ("A", dit)....});,, 4 gegevens () () /removedata, wil je wat informatie over de opslag van elementen?Je kan heel gemakkelijk, gegevens (). De methode is.Naar de set a VALUE, je kan niet in twee parameters a key en A value) of alleen één (een voorwerp). $('#wrap'),.Data ('myKey','myValue'); en ('#container').Data ({myOtherKey:'myOtherValue', jaar: 2010}); - gegevens, voor je terug, ik bel De methode met de sleutel van die je want., $('#container').Data ('myOtherKey'); //returns'myOtherValue'$('#container').Data ('year'); //returns 2010, zijn de gegevens te krijgen. Dat corresponds met een element om gegevens, zonder een parameters; dat is een object met al de sleutels krijgen en waarden gegeven aan Dat je post. En als je een paar wil schrappen key/value na je het naar een element toegevoegd, dat noemen, removeData (), die in de juiste sleutel, $('#container').RemoveData ('myOtherKey');,, 5. () /dequeue ()Dequeue (,, rij (),,, functies die betrekking heeft op de animatie.A queue is list of animations to be executed on an element; be default, an element's queue is named 'fx.' Let's set up a scenario:,,HTML,, <ul> <li id="start">Start Animating</li> <li id="reset">Stop Animating</li> <li id="add">Add to Queue</li> </ul> <div style="width:150px; height:150px; background:#ececec;"></div>,,JavaScript,, $('#start').click(animateBox); $('#reset').click(function() { $('div').queue('fx', []); }); $('#add').click(function() { $('div').queue( function(){ $(this).animate({ height : '-=25'}, 2000); $(this).dequeue(); }); }); function animateBox() { $('div').slideUp(2000) .slideDown(2000) Verborgen (2000), (2000, animatebox);}, dus, wat hier gebeurt in functie van animatebox:,,, we bouwen een animatie rij; merkt op dat de functie van de laatste bel, dus dit is herhaald in de rij.Als we klikken, Lee&#begint, de functie en de rij begint.Als we op de vermindering van de #, Lee, animatie, en dan, div, stop met animatie.Dit is onze naam "rij FX (herinneren, standaard rij) naar een lege installatie; in feite hebben we duidelijk de rij.Dus als we klikken, Lee&#toevoegen?In de eerste plaats doen wij een beroep op de rij voor die functie,; meer functies, zijn we in de rij, omdat we niet in een rij aangewezen als een van de eerste parameter, FX - is gebruikt.Deze functie van ons leven, div, en bel dan, dequeue (), die deze functie in de verwijdering uit de rij, en de voortzetting van de rij, rij zal blijven herhalen, maar dit is niet een deel van het (de) 6).,,, als je in de rij voor een reeks van Roerende schilderij, je kan het gebruik van, en de vertraging (), de duur van de opschorting van de animatie van de methode; in een milliseconde parameter, de $('div "). De huid (). De vertraging (2000). De show (); ///////die zal blijven in een 2 seconden verbergen. 7 () (), de opheffing van bepaalde gebeurtenissen met ontbinden,,, '(), en die (), weet je, als je nog een element dat op de gebeurtenissen....("El", de Amerikaanse dollar #). Klik (functie () {/..... /});,....Je bent gewoon een verpakking, (). De methode?Het gebruik van de methode zelf, (), en je kan door de aard van de gebeurtenis als de eerste en de tweede functie van de parameters, als je veel gebeurtenissen, je kan ze met de attributen namespace; nog slechts een periode na de naam van de toevoeging van een activiteit, $("# EL"). Bindende (klik geluiden gehoord, functie () {/..... /}); $("# EL") (klikken. Gebonden. Toolbarevents functies () {/..... /}); ///////namespace, je kan er ook aan dezelfde functie en de pluraliteit van de gebeurtenissen, zal Ze met de ruimte.Dus, als je wil een wat effecten, je zou kunnen beginnen, $("El", #). Gebonden ('mouseover mouseout functies () {/..... /}). U kunt ook via de functies van de gegevens, als je wilt, door de toevoeging van een derde van een parameter (in de tweede Standpunt ('), EL "# dollar). Bindende (klik geluiden gehoord, staat: de gebruiker voor de functie van {() {}, schakelaar (event data. Staat) {/. /}});, vroeg of laat, vind je jezelf in de elementen van de door de gebeurtenissen - procedures; maar je vindt je en bindende gebeurtenis (of de verpakking) opgenomen elementen niet werken.In dat geval, je moet gebruiken, wonen (), (of de Commissie) methoden; het zal nog een gebeurtenis in de samenstelling van de passende, $("overdracht"). (* *) {code functie ($/('< trans - type = "omschakeling" > de Kenmerken van de beta - < Kruis > "). Appendto ($("&#optionspanel ") /* * /});); meer code, om een gebeurtenis te creëren, (), het gebruik, de opheffing van bepaalde gebeurtenissen met ontbinden (). De methode is.Als je het niet door middel van een parameter, dat schrapping van alle procedures, kun je de gebeurtenissen vormen slechts het schrappen van de gebeurtenissen in behandeling, de aard van de procedure; het schrappen van een specifieke gebeurtenis uit een ruimte, de naam toegevoegd, of het gebruik van het alleen.Als je wil dat het schrappen van een bepaalde functie, door middel van haar naam en als tweede argument, $(knop "). De opheffing van bepaalde gebeurtenissen met ontbinden (); ///////verwijder alle $(knop"). De annulering van bindende (klik op "); ///////schrapping van alle op de $(knop"). De afschaffing van toolbarevents gebonden ("."); ///////verwijder alle gebeurtenissen van toolbarevents namespace $(knop "). De annulering van bindende (klikken. Toolbarevents"); ///////toolbarevents schrappen van een klik op $(knop "). De annulering van bindende (klik geluiden gehoord, myFunction); ///////verwijderen van een begeleider, let op, je kan binden /door de opheffing van je anonimiteit; dit geldt alleen voor de naam van de functie, als je wilt het ontbinden van één interne gebeurtenissen functie wordt het geval, pas, en opheffing van bepaalde gebeurtenissen met ontbinden (), gebeurtenissen, het voorwerp, de $(" P ") (klikken. Bindende" functie (gebeurtenissen) {% ("P") gebonden (.);});, je kan niet leven, opheffing van bepaalde gebeurtenissen met ontbinden () en de gebeurtenissen; integendeel, het gebruik, de (geweest).Geen parameters, dat schrapping van alle elementen, in het geval, kan je ook door de aard van de zaak en de functie van de aard van de gebeurtenis.En $('span "). Die (); ///////verwijder alle $('span"). - ('mouseover "); ///////schrapping van alle mouseovers $('span"). - ('mouseover, FN); ///////schrapping van een programma, nu, je kan dit incident en handigheid en kracht.Je moet ook de herziening, de afgevaardigde (), omdat een groot aantal prestaties van inkomsten in de live ().(8) over de,,,, als je op zoek bent naar een reeks elementen in een specifiek element, kunt u via de elementen, eq () index van de methode voor het verkrijgen van een goede elementen.Door de in de negatieve exponentiële terug naar groep voorbij is, de VAR - PS = $("P"); de console log (ps.length); ///////- 3; ps.eq (1).AddClass ('emphasis "); ///////meer klasse, tweede alinea (zero - based - index), je kan ook gebruik maken van: je eq (), de keuze van de voorgaande voorbeelden; dus is zo:, $(P) (1):").AddClass ('emphasis ");,, 9 GET (), als een onderdeel van de collectie: terug naar ze Als een goede doel, dus je hebt toegang tot alle methoden.Als je wil dat de oorspronkelijke - elementen, die je kan gebruiken - methode ().Je kan geven, slechts een van de elementen van de index van de waarschuwing ($("P"); ///////] [voorwerpen: object alarm ($("P"), (1)) ///////]; [voorwerpen, htmlparagraphelement Grep (10), en als je niet bekend bent met de UNIX - /linix schelpen, je kan geen gehoord, Grep,.In de terminal, dit is een tekst zoeken, maar de belangrijkste, we gebruiken het voor het filteren van een van de onderdelen van de installatie.Dit is niet een goede methode voor het verzamelen van de door de installatie; in je als eerste een parameter, filter functie van het tweede argument.De functie van het filter moet twee parameters zelf: een element in de reeks en de index.De functie van het filter moet de uitvoering van het werk en de terugkeer van een waarde van de waar of onwaar.Bij verstek, alle punten terug te gaan naar het reservaat.Je kan nog een derde van een parameter, een boolean, de resultaten en het SAVE - programma, het is vals. Goed gedaan, Jeffrey, een snelle hint, dollar. Grep, niet lang geleden, kijken hoe hij het moet gebruiken.Je 1,2,3,4,5,6,7,8,9,10 =, var, de splitsing (","); de term = dollar. Grep (installatie, functie (num, index) {////////index = het aantal = in de generator op terug - num > van de index van de huidige waarde voor; 5; ///////de terugkeer van een boer.); de console log (nummer), 11 /6,7,8,9,10, pseudo - -, die in de code, de CSS - motor, die veel pseudo - - wil je ontspannen elementen te kiezen.Kijk naar deze interessante: $(": de animatie,"); ///////de terugkeer van alle elementen (op dit moment: een animatie van $(m) "); ///////" ik "terug in de tekst van alle elementen (dollar: leeg"); ///////- of niet - terugkeer van alle elementen van de tekst van de dollar (": de ouders); ///////terug naar het element of de tekst al $(li: zelfs"); ///////de terugkeer van alle elementen zelfs index (in dit geval < li > s) $(li: uitzonderlijke "); ///////kan je het Raden?$(": het hoofd van de terugkeer van alle"); ///////- h6s. $(li:% GT% (4); ///////") is een element (nul) index van meer dan een bepaald aantal $(li: LT (4)"); ///////index terugkeer van alle elementen niet meer dan een bepaalde hoeveelheid dollar (": het enige kind); ///////terug al....Nou, dit moet duidelijk zijn, en nog meer, natuurlijk, maar deze is uniek.,, isarray (12) /isemptyobject () () //isfunction isplainobject (), soms moet je voor de bepaling van de parameters worden doorgegeven aan een functie is van de juiste aard; deze functie om het makkelijk te doen,.De eerste drie vanzelfsprekend is: de dollar. ISArray ([1, 2, 3]); ///////terug waar de dollar. Isemptyobject ({}); ///////$terug. Functies () {* * * * * * * * * * * * * * * * * * * * * * /}); ///////terug waar de volgende is niet duidelijk, isplainobject; (), als aangenomen parameters is een tekst, waar of van nieuwe functies, voorwerp (),., (naam) {naam} = terug naar deze;} dollar. Isplainobject ({}); ///////terug waar de dollar. Isplainobject (nieuwe voorwerp ()); ///////$terug. Isplainobject (nieuwe persoon ()); ///////is vals, makearray (), 13, als Je voor het creëren van een verzameling van de belangrijkste elementen van een dom, ga je terug naar dit doel; in sommige gevallen, zou je denken dat dit een installatie of een regelmatige dom elementen, makearray (), C - functie;Een doen. Var. PS = $("P"); de dollar. ISArray (PS); ///////vals, PS = dollar. Makearray (PS); de dollar. ISArray (PS); ///////terug;,, 14, kaart () (), de methode die vergelijkbaar is met de kaart, Grep (),.Zoals verwacht, het moet een parameter, een functie.Deze functie kan twee parameters: de elementen van de indexering en elementen zelf.Wat hier gebeurd is: in het verzamelen van elk project zal een functie, die de waarde van deze functie is weer terug in, want het is op de set in werking.En $('ul navigatie in&#"). De foto (functie) (terug te keren naar $(dit).Attr (titel I);}); ////////- de titel van die nu mogelijk is een instrument dat de begin - parsejson (15).,,, als Je het gebruikt, of de dollar, een dollar.. De verkregen, terwijl in andere gevallen gebruik je touw, hola, vind je parsejson, praktische taken.Deze functie wordt de browser ingebouwde hola partners, indien er sprake is van een goed (het kan sneller), USD. ('somepage. Php, functionele (data) {/* * * * * * * /data = dollar. Parsejson (gegevens); //); * * * * * * *), 16 (), als je de volmacht er is een functie als een object van de eigenschappen en de functie van de eigendom, het gebruik van andere materialen, je kan niet de functie in een andere functie, de juiste resultaten te verkrijgen.Ik weet dat het gestoord is, dus laten we een kort voorbeeld: = {var. De naam: "Andrew" aan: () (signalering (hé.Mijn naam is de naam "+);}}, man. $(". ();&#(test). Klik. Aan);, zelf. (), zullen aan. Goed. Maar als het bekend als de gebeurtenis zal herinneren, "Hé!Mijn naam is niet gedefinieerd, "dit is omdat in de juiste context niet genoemd.Om dit probleem op te lossen, die we kunnen gebruiken, volmacht (). Functie: $(",&#test). Klik (dollar. Agent (person.meet,); ///////dollar kunnen we ook doen. Het Agentschap (mensen," aan de "), het Agentschap de functie van eerste parameter is de werkwijze van de tweede is; het moet in het kader van de operatie.Of we kunnen het kader en overdracht aan de methode die string.Nu kan je zien dat de juistheid van de functie van het alarm, liever een video van snelle tip, agent?,,, replaceall (17) /replacewith (), als je wilt dat de vervanging door andere elementen van de DOM, wat doen.We kunnen bellen, replaceall (), we verzamelen of van het element dat in een door de vervanging van onderdelen - we willen.In dit geval, alle elementen en deze fouten, zal worden vervangen door, we hebben gecreëerd.En $("< trans - type =" vaste "> de fout is gecorrigeerd < Kruis >" ("). De vervanging van. De fout");,, replacewith (). De methode is alleen omgekeerd -; vind je wil vervangen: ten eerste, $("(. Fout." < trans - type = "vaste" > de fout is gecorrigeerd < Kruis > "). U kunt ook via deze twee methoden of de functie terug elementen: //europa.eu.int /comm /string.,, 18 van problemen () /serializearray () en de problemen (), is met die code. In de vorm van de waarde aan een touwtje.,,, form>: //europa.eu.int /comm /<; "- type = < de tekst" naam "naam." John doe "/> - = < de tekst" naam "URL 's." http://www.example.com "/> < /form>,,.,, console. Log ($('form').Serialize ()); misschien kon name=John+Doe& stammen: ///////D; url=http://www.example.com, je kunt gebruiken, serializeArray (). De vorm van waarden, om in een reeks van voorwerpen in plaats van een string, console. Log ($('form').SerializeArray ()); d de lithium zout stammen: ///////persoon kon de naam: de naam, de waarde van:'John Doe'} {naam:'url'waarde:,'http://www.example.com'}], siblings (19), kan je raden wat de, waarschijnlijk, siblings (), - het is een verzameling van De terugkeer, zal de siblings van de wat items zijn in uw oorspronkelijke collections:, < div>....< /div > < p>....< /P > < span >....< /ijk >, $("P"). Siblings (); ///////terug < di% GT%, < span >,, 20 WRAP () /wrapall () /wrapinner (). Deze drie functies kan gemakkelijk door Andere elementen.In de eerste plaats wil ik alle drie genoemde met twee parameters: een element (dit is een selctor: //europa.eu.int /comm /CSS: doel, of een dom elementen) of een functie is een element.,, achter de (), methoden van elk project en aangewezen elementen:, $("P"). De verpakkingen ("< div =" waarschuwing "/>"); ///////alle paragrafen zijn verpakt in een div.warning,, wrapall (), zal worden verpakt in de verzameling van alle elementen van de elementen; dit betekent dat de elementen van de inzameling worden verplaatst Naar een nieuwe plek in de DOM. Ze zullen in de rij van de elementen die in de eerste plaats, gewikkeld in:,,,,:: //europa.eu.int /comm /, voordat < p> < span >....< /ijk > < trans - type = "verkeer" >....< /ijk > < trans - type = "verkeer" >....< /ijk > < /P > < p> < span >....< /ijk > < trans - type = "verkeer" >....< /ijk > < trans - type = "verkeer" >....< /ijk > < /P >,, javascript. $("beweging"). Wrapall (doc. CreateElement ('div ")http: //europa.eu.int);,,,, na: < p> < span >....< /ijk > < di% GT% < trans - type = "verkeer" >....< /ijk > < trans - type = "verkeer" >....< /ijk > < trans - type = "verkeer" >....< /ijk > < trans - type = "verkeer" >....< /ijk > < /div > < /P > < p> < span >....< /ijk > < /P > en, ten slotte, de functie van wrapinner pakket, dat elk van de elementen van de in de inzameling en bepaalde elementen:,,,,,:: //europa.eu.int /comm /< p> < span >....< /ijk > < span >....< /ijk > < /P >,,,, javascript: dollar ("P"). Wrapinner ($("< div />")http: //europa.eu.int);,,,, na: < p> < di% GT% < span >....< /ijk > < span >....< /ijk > < /div > < /P >,, conclusies, oké, nu heb je meer dan twintig nieuwe) functie vervullen en je volgende project, en ze is leuk.,

context example



Previous:
Next Page: