, 10 virkelig hjælpsom gennem funktioner i jquery,,,,, 1,,,,,,,,, 16,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss., med jquery, udvælgelse af html elementer er latterlig nu.men til tider, vi ønsker at forbedre udvælgelsen, som kan være til besvær, når html struktur er kompliceret.i denne forelæsning, vil vi undersøge ti måder, vi kan forbedre og udvide et sæt pakket elementer, som vi ønsker at operere på.,,,: for det første, lad os tage et kig på den enkle websted er vist i nedenstående figur.vi skal udvælge elementer i det i denne forelæsning.,, div.container er indpakningen element.,, div.photo,, div.title, og div.rating er direkte børn, div.container,.,, div.star, er et barn, div.rating,.,, når en, div.star, har den på "klasse det er en hel stjerne.,, hvorfor krydser?,, men hvorfor har vi brug for at forbedre en række elementer?er det ikke jquery udvælgelsen syntaks er stærk nok?og, tja, lad os se et eksempel.på webstedet nævnt ovenfor, når en stjerne er slået til, og vi ønsker at tilføje "om" klasse til denne meget stjerne, og hver eneste stjerne til venstre i det.og vi ønsker at ændre den baggrund farve af modervirksomheden div af stjernerne.så har vi følgende kode. $("star"). klik (function() {$(det). addclass (den): //hvordan vælger forældrene div. "det"?//hvordan vælger stjerner på venstre side af denne "?'); på linje 2, vi udvælger den stjerne, der kommer sammen med "det".men hvordan kan vi vælge de stiftende div af stjernerne?ja, det er, div.rating,.men der kan være en halv snes andre, div.rating, på en side, ikke?så der er det, vi ønsker?og hvordan skal vi vælge alle stjerner til venstre for ","?heldigvis jquery giver os mulighed for at få nye viklet sæt af en eksisterende, baseret på de hierarkiske forhold.og det er i det gennem funktioner. 1.børn, denne funktion bliver øjeblikkelig børn af en række elementer. det kan være meget nyttigt i en række forskellige situationer.se nedenstående figur:,, beholder stjernerne er udvalgt i første omgang, komitéen udtryk er gået til children() at indsnævre det resultat, at kun den fuldstændige stjerner. hvis children() modtager ingen parametre, øjeblikkelig børn vil blive returneret. ingen børnebørn vil være tilbage.undskyld., 2.filter, denne funktion filtrerer elementer fra pakket fastsat ved hjælp af en bestået vælgeren udtryk.alle elementer, der passer ikke til udtryk, vil blive fjernet fra udvælgelsen. følgende eksempel bør være ret ligetil.alle stjerner filtreres ud fra en samling af alle fem stjerner., 3.ikke, tværtimod fra filter(), not() fjerner den matchende elementer fra den indpakkede., jf. nedenstående eksempel.selv stjernerne, er fjernet fra valget, så kun de mærkelige.,,, se! ""og" underlig "selektorer er lig nul, indekseret.de tæller indeks fra 0, 1. 4.tilføje, hvad, hvis vi ønsker at tilføje nogle elementer til den pakket ind?den add() funktion gør det. også meget ligetil.billedet rubrik tilføjes til udvælgelsen. 5.bid, og man kan ønske at opnå en undergruppe af pakket, baseret på den holdning af elementer inden for den fastsatte.og slice() er den rigtige vej at gå, det første parameter er nul - position for det første element, der indgår i tilbage bid. det andet parameter er nul - indeks for det første element ikke medregnes i tilbage bid.hvis ikke det stykke, gælder indtil udgangen af den. så del (0, 2), udvælger de første to stjerner. 6.far, parent() funktion vælger direkte forælder til en række elementer, som vist i nedenstående figur, den første stjerne er direkte forælder er udvalgt.meget smart, hva '?det skal bemærkes, at det kun er de direkte forælder kommer tilbage, hvilket er grunden til, at det er enestående.ingen bedsteforældre eller forfædre, vil blive udvalgt. 7.forældre, det er i flertal.den parents() funktion vælger alle forfædre af en række elementer.jeg mener alle forfædre fra direkte forældre hele vejen op til "organ" og ":".så er det bedst at give komitéen udtryk at indsnævre resultat. med vedtagelsen af, beholder, til parents(), div.container,, som faktisk er bedsteforældre i den første stjerne, er udvalgt. 8.søskende, denne funktion vælger alle søskende (brødre og søstre) af en række elementer.et udtryk kan overføres til filtrering af resultatet. se på eksemplet:,, som er den første stjerne er søskende?de andre fire stjerner, ikke?den underlige "søskende er udvalgt som vist.igen er indekset nulbaseret.se på den røde tal under stjernerne. 9.tidligere & prevall, prev() funktion udvælger de foregående (en) søskende, og prevall() udvælger alle tidligere søskende af en række elementer, det her er super smart, hvis du bygger en stjerne rating widget.den tidligere søskende til den tredje stjerne er udvalgt. 10.næste & nextall, disse funktioner arbejder på samme måde som tidligere, og prevall, bortset fra, at de vælger næste søskende.,, indgåelse, på det sidste, så lad os se, hvordan disse funktioner løse den virkelige verden hovedpine for os. $("star"). klik (function() {$(). addclass (den): //hvordan vælger forældrene div. "det"?$(det). parent(). addclass ('rated); //hvordan vælger stjerner på venstre side af denne "?$(det). prevall(). addclass (den "); $(det). nextall(). removeclass (den)}), er dette problem, vi nævnte i begyndelsen af denne forelæsning, ikke?flere gennem funktioner, der anvendes i disse linjer kode, i linje 5, se på anvendelsen af parent().let, hva '?i linje 8 og 9, prevall() og nextall() vælge at være fuldt stjerner og tomme stjerner. og nu har vi en idé om, hvor nyttigt gennem funktioner kan være.de kan få endnu mere magt, når de anvendes sammen.produktionen af en funktion kan være input fra en anden - det vil sige, at de er chainable. tak for det!forhåbentlig vil denne forelæsning gør livet lidt lettere ved udvælgelsen af html elementer med jquery.nogen tanker?som gennem funktioner, er vi gået glip af?,, følger os på twitter, eller abonnere på nettuts + rss foder til mere daglige web - udvikling tuts og genstande,.,,,