Kodebiter 2025, April

Angi / fjern standard inngangsverdi - CSS-triks

$ ('. standardverdi'). hver (funksjon () (var default_value = this.value; $ (this). fokus (function () (if (this.value == default_value) (this.value = '' ;))); "

Serialiser skjema til JSON - CSS-triks

$ .fn.serializeObject = function () (var o = (); var a = this.serializeArray (); $ .each (a, function () (if (o) (if (! o.push) (o = );) o.push (denne.verdien "

Velg bare listeelement hvis det ikke inneholder en annen liste (og er på toppnivå) - CSS-triks

Jeg skjønner at dette er ganske spesifikt, men jeg måtte skrive denne velgeren tidligere for å fikse et problem, og jeg brukte jQuery fordi velgeren er ganske avansert. "

Velg bare element hvis barn ikke er animerte - CSS-triks

Var myChildrenBehave = $ (". element"). filter (function () (var filtered = $ (this) .children (). not (": animated"); return filtered;)); Dette velger elementet "

Kjør JavaScript bare etter at hele siden er lastet - CSS-triks

$ (vindu) .bind ("last", funksjon () (// kode her)); "

Søk / erstatt - CSS-triks

JQuery (funksjon () (jQuery (": inneholder (FINN)"). ikke (": har (: inneholder (FINN))" ". hver (funksjon () (var at = $ (dette), html = det. html (); html = "

Deloppdatering av siden - CSS-triks

Oppdater visse elementer på en side ved hjelp av jQuery etter en angitt tidsperiode, kan brukes med ethvert element med ID. Jeg endret eksemplet gitt med "

Fjern spesifikk verdi fra matrise - CSS-triks

Var arr =; var removeItem = 2; arr = $ .grep (arr, funksjon (verdi) (returverdi! = removeItem;)); "

Gjør hele div klikkbar - CSS-triks

Oppdatering november 2020: Jeg tror den beste mulige teknikken for dette er metode 4 i denne artikkelen.

(eller hvilket som helst innpakningselement) forblir "

Vedvarende overskrifter på tabeller - CSS-triks

Når du blar nedover på en side med et langt bord, ruller vanligvis toppteksten på tabellen bort og blir ubrukelig. Denne koden kloner tabelloverskriften "

Lim inn hendelser - CSS-triks

$ .fn.pasteEvents = funksjon (forsinkelse) (hvis (forsinkelse == udefinert) forsinkelse = 20; returner $ (dette). hver (funksjon () (var $ el = $ (dette); $ el.on ("lim inn) ", funksjon ()"

Passordstyrke - CSS-triks

$ ('# pass'). keyup (funksjon (e) (var strongRegex = ny RegExp ("^ (? =. (8,)) (? =. *) (? =. *) (? =. *) (? =. * \ W). * $ "," G "); var mediumRegex = ny"

Flytt klikkelisteelementer til toppen av listen - CSS-triks

Forutsatt HTML slik: en to tre Så hvis du klikker på "To", flytt den til toppen av listen. $ ("li"). klikk (funksjon () ("

Åpne eksterne koblinger i nytt vindu - CSS-triks

$ ('a'). hver (funksjon () (var a = ny RegExp ('/' + window.location.host + '/'); hvis (! a.test (this.href)) ($ (dette ) .click (funksjon (hendelse) ("

Flytt markøren til slutten av tekstområdet eller inndata - CSS-triks

Kode for å flytte markøren til slutten av den gjeldende teksten i inngangen, i stedet for standardverdien (fremhever teksten). Plugin-format "

OuterHTML jQuery Plugin - CSS-triks

InnerHTML () er innfødt og returnerer innholdet i en DOM-node (f.eks. jeg bor inne i en div .. outerHTML () er ikke, som vil inkludere den nåværende DOM-noden "

Lag jQuery: inneholder store og små bokstaver - CSS-triks

NEW selector jQuery.expr.Contains = function (a, i, m) (return jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // OVERSKRIVER gamle "

En jQuery hasAttr () ekvivalent - CSS-triks

JQuery har egentlig ikke en .hasAttr () -funksjon. Du kan anta at det gjør det, men akk, det gjør det ikke. En StackOverflow-tråd har ganske bra "

Last bare en del av en side - CSS-triks

Bruk sak Du vil AJAX laste en del av en annen side på nettstedet ditt til den nåværende siden. Si at e-handel CMS-systemet ditt oppretter en dynamisk meny med "

Rull siden horisontalt med mushjulet CSS-triks

1) Last inn jQuery og plugin for mushjul Mushjul-plugin er her. 2) Fest mushjulshendelsen til kroppen "30" representerer hastighet. preventDefault sikrer "

Last inn jQuery bare hvis den ikke er tilstede - CSS-triks

Si at du skulle gjøre en inkludering på en hel rekke sider, og inne i den inkluderte du ønsket å gjøre noen jQuery-spesifikke ting. Siden kan eller "

Laster jQuery - CSS-triks

Last med Google API Direct Link til Google Sjekk om lastet, bare last hvis ulastet var jQueryScriptOutputted = false; funksjon initJQuery () (// hvis "

Konami Code - CSS-triks

Var kkeys = (), konami = "38,38,40,40,37,39,37,39,66,65"; $ (dokument) .keydown (funksjon (e) (kkeys.push (e.keyCode); hvis (kkeys.toString (). indexOf (konami ")

JQuery Sticky Footer - CSS-triks

Generelt er CSS Sticky Footer den beste måten å gå, da den fungerer perfekt og ikke krever JavaScript. Hvis den påkrevde koden ganske enkelt ikke er

JQuery Zebra Stripe a Table - CSS-triks

$ ("tr: odd"). addClass ("odd"); Bruk deretter litt CSS: .odd (bakgrunn: #ccc;) "

Link Nudging - CSS-triks

$ ("a"). hover (function () ($ (this) .stop (). animere ((paddingLeft: "10px"), 200);), function () ($ (this) .stop (). animer ((paddingLeft: "0px"), 200);)); Gjøre"

Hold tekstinnganger synkronisert - CSS-triks

Var $ innganger = $ (". eksempel-inngang"); $ inputs.keyup (funksjon () ($ inputs.val ($ (dette) .val ());)); Eksempel"

JQuery Tweetify tekst - CSS-triks

Funksjon $ .fn.tweetify = funksjon () (dette.hver (funksjon () ($ (dette) .html ($ (dette) .html () "

Mal for jQuery-plugin - CSS-triks

Erstatt forekomster av "yourPluginName" med ditt faktiske plugin-navn. Ting om "radius" er bare et eksempel på et alternativ (parameter for å passere plugin). "

JQuery JSON får med feilfangst - CSS-triks

JQuery har en innebygd funksjon kalt getJSON () for å gjøre AJAX-forespørsler om JSON-data enklere. Det fungerer normalt bra, men hvis den funksjonen blir "