Kodestykker 2025, September

Indstil / ryd standardindgangsværdi - CSS-tricks

$ ('. standardværdi'). hver (funktion () (var default_value = this.value; $ (this). fokus (funktion () (hvis (this.value == default_value) (this.value = '' ;))); "

Serialiser formular til JSON - CSS-tricks

$ .fn.serializeObject = funktion () (var o = (); var a = this.serializeArray (); $ .each (a, funktion () (hvis (o) (hvis (! o.push) (o = );) o.push (denne.værdi "

Vælg kun listeelement, hvis det ikke indeholder en anden liste (og er på øverste niveau) - CSS-tricks

Jeg er klar over, at dette er ret specifikt, men jeg var nødt til at skrive denne vælger tidligere for at løse et problem, og jeg brugte jQuery, fordi vælgeren er ret avanceret "

Vælg kun element, hvis børn ikke er animerede - CSS-tricks

Var myChildrenBehave = $ (". element"). filter (funktion () (var filtreret = $ (dette). børn (). ikke (": animeret"); returfiltreret;)); Dette vælger elementet "

Kør kun JavaScript, når hele siden er indlæst CSS-tricks

$ (vindue) .bind ("indlæs", funktion () (// kode her)); "

Søg / erstat - CSS-tricks

JQuery (funktion () (jQuery (": indeholder (FIND)"). ikke (": har (: indeholder (FIND))"). hver (funktion () (var at = $ (dette), html = det. html (); html = "

Delvis opdatering af siden - CSS-tricks

Opdater bestemte elementer på en side ved hjælp af jQuery efter et bestemt tidsrum, kan bruges med ethvert element med et ID. Jeg ændrede eksemplet givet med "

Fjern specifik værdi fra matrix - CSS-tricks

Var arr =; var removeItem = 2; arr = $ .grep (arr, funktion (værdi) (returværdi! = removeItem;)); "

Gør hele div. Klikbar CSS-tricks

Opdatering november 2020: Jeg tror, at den bedst mulige teknik til dette er metode 4 i denne artikel.

(eller hvilket som helst indpakningselement) forbliver "

Vedvarende overskrifter på borde - CSS-tricks

Når du ruller ned på en side med en lang tabel på, ruller typisk overskriften på tabellen væk og bliver ubrugelig. Denne kode kloner tabeloverskriften "

Indsæt begivenheder - CSS-tricks

$ .fn.pasteEvents = funktion (forsinkelse) (hvis (forsinkelse == udefineret) forsinkelse = 20; returner $ (dette). hver (funktion () (var $ el = $ (dette); $ el.on ("indsæt) ", funktion ()"

Adgangskodestyrke - CSS-tricks

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

Flyt klikkede listeelementer til toppen af listen - CSS-tricks

Under forudsætning af HTML som denne: en to tre Så hvis der klikkes på "To", skal du flytte den til toppen af listen. $ ("li"). klik på (funktion () ("

Åbn eksterne links i nyt vindue - CSS-tricks

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

Flyt markøren til slutningen af tekstarea eller input - CSS-tricks

Kode for at flytte markøren til slutningen af den aktuelle tekst inden i input, snarere end standard (fremhævning af teksten). Plugin-format "

Ydre HTML jQuery-plugin - CSS-tricks

InnerHTML () er native og returnerer indholdet af en DOM-node (f.eks. jeg bor inde i en div .. outerHTML () er ikke, hvilket vil omfatte den aktuelle DOM-node "

Lav jQuery: indeholder store og små bogstaver - CSS-tricks

NY vælger jQuery.expr.Contains = funktion (a, i, m) (returner jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // OVERSKRIVER gamle "

En jQuery hasAttr () ækvivalent - CSS-tricks

JQuery har ikke rigtig en .hasAttr () -funktion. Du antager måske, at det gør det, men ak, det gør det ikke. En StackOverflow-tråd har nogle ret gode "

Læg kun en del af en side - CSS-tricks

Brug sag Du vil AJAX indlæse et afsnit af en anden side på dit websted på den aktuelle side. Sig, at dit e-handel CMS-system opretter en dynamisk menu med "

Rul siden vandret med musen CSS-tricks

1) Indlæs jQuery og Mouse Wheel-plugin Mouse Wheel-plugin er her. 2) Fastgør mushjulshændelsen til kroppen. "30" repræsenterer hastighed. preventDefault sikrer "

Indlæs kun jQuery, hvis den ikke er til stede - CSS-tricks

Sig, at du skulle lave en inkludering på en hel masse sider, og inde i den inkludere ville du lave nogle jQuery-specifikke ting. Denne side kan eller "

Indlæser jQuery - CSS-tricks

Indlæs med Google API Direct Link til Google Kontroller, om det er indlæst, indlæs kun, hvis det ikke var var jQueryScriptOutputted = false; funktion initJQuery () (// hvis "

Konami-kode - CSS-tricks

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

JQuery Sticky Footer - CSS-tricks

Generelt er CSS Sticky Footer den bedste vej at gå, da den fungerer perfekt glat og ikke kræver JavaScript. Hvis den krævede markering simpelthen ikke er "

JQuery Zebra Stripe et bord - CSS-tricks

$ ("tr: ulige"). addClass ("ulige"); Brug derefter noget CSS: .odd (baggrund: #ccc;) "

Link nudging - CSS-tricks

$ ("a"). svæver (funktion () ($ (dette) .stop (). animer ((paddingLeft: "10px"), 200);), funktion () ($ (dette) .stop (). animere ((paddingLeft: "0px"), 200);)); Lave"

Hold tekstindgange synkroniseret - CSS-tricks

Var $ input = $ (". eksempel-input"); $ inputs.keyup (funktion () ($ inputs.val ($ (denne) .val ());)); Eksempel"

JQuery Tweetify tekst - CSS-tricks

Funktion $ .fn.tweetify = funktion () (dette.hver (funktion () ($ (dette) .html ($ (dette) .html () "

Skabelon til jQuery-plugin - CSS-tricks

Udskift forekomster af "yourPluginName" med dit aktuelle plugin-navn. Tingene om "radius" er blot et eksempel på en mulighed (parameter til at videregive plugin). "

JQuery JSON får med fejlfangst - CSS-tricks

JQuery har en indbygget funktion kaldet getJSON () for at hjælpe med at gøre AJAX-anmodninger om JSON-data lettere. Det fungerer normalt godt, men hvis den funktion bliver "