Koda fragmenti 2025, Aprīlis

Iestatīt / notīrīt noklusējuma ievades vērtību CSS-triki

$ ('. default-value'). katrs (function () (var default_value = this.value; $ (this) .focus (function () (if (this.value == default_value) (this.value = "" ;))); "

Serializēt veidlapu uz JSON - CSS-triki

$ .fn.serializeObject = funkcija () (var o = (); var a = this.serializeArray (); $ .each (a, funkcija () (ja (o) (ja (! o.push) (o = );) o.push (this.value "

Atlasiet tikai saraksta vienumu, ja tajā nav cita saraksta (un tas ir augstākajā līmenī) CSS-triki

Es saprotu, ka tas ir diezgan specifisks, taču man vajadzēja rakstīt šo selektoru agrāk, lai novērstu problēmu, un es izmantoju jQuery, jo atlasītājs ir diezgan uzlabots "

Atlasiet Element tikai tad, ja bērni netiek animēti CSS-triki

Var myChildrenBehave = $ (". elements"). filter (function () (var filtered = $ (this) .children (). not (": animated"); return filtered;)); Tādējādi tiek atlasīts elements "

Palaist JavaScript tikai pēc tam, kad visa lapa ir ielādēta CSS-triki

$ (logs) .bind ("ielādēt", funkcija () (// kods šeit)); "

Meklēt / aizstāt - CSS-triki

JQuery (funkcija () (jQuery (": satur (ATRAST)"). not (": ir (: satur (ATRAST))"). katra (funkcija () (var tas = $ (tas), html = tas. html (); html = "

Daļēja lapas atsvaidzināšana CSS-triki

Atsvaidziniet noteiktus lapas elementus, izmantojot jQuery pēc noteikta laika, var izmantot kopā ar jebkuru elementu ar ID. Es laboju sniegto piemēru ar

Noņemt masīvam specifisko vērtību CSS-triki

Var arr =; var removeItem = 2; arr = $ .grep (arr, funkcija (vērtība) (atgriežamā vērtība! = removeItem;)); "

Padarīt noklikšķināmu uz visu Div - CSS-triki

Atjaunināt 2020. gada novembri: es domāju, ka vislabākā iespējamā tehnika tam ir šī raksta 4. metode.

(vai kāds cits iesaiņojuma elements) paliek "

Pastāvīgās tabulu galvenes CSS-triki

Ritinot lejup pa lapu ar garu galdu, parasti tabulas galvene ritina prom un kļūst nederīga. Šis kods klonē tabulas galveni "

Notikumu ielīmēšana CSS-triki

$ .fn.pasteEvents = funkcija (aizkave) (ja (aizkave == nenoteikta) aizkave = 20; atgriezt $ (this) .each (function () (var $ el = $ (this); $ el.on ("paste ", funkcija ()"

Paroles stiprums - CSS-triki

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

Pārvietot noklikšķinātos saraksta vienumus uz saraksta augšdaļu CSS-triki

Pieņemot, ka HTML ir šāds: viens divi trīs Tātad, ja tiek noklikšķināts uz "Divi", pārvietojiet to saraksta augšdaļā. $ ("li"). noklikšķiniet (function () ("

Atvērt ārējās saites jaunā logā CSS-triki

$ ('a'). katrs (function () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ). klikšķis (funkcija (notikums) ("

Pārvietot kursoru uz Textarea vai ievades beigām - CSS-triki

Kods, lai pārvietotu kursoru pašreizējā teksta beigās ievades vietā, nevis pēc noklusējuma (izceļot tekstu). Spraudņa formāts "

ExternalHTML jQuery spraudnis - CSS-triki

InternalHTML () ir dzimtā un atgriež DOM mezgla saturu (piemēram, es dzīvoju div .. iekšpusē .. externalHTML () nav, kurā būtu iekļauts pašreizējais DOM mezgls "

Make jQuery: satur mazo un mazo burtu atšķirību - CSS-triki

JAUNS selektors jQuery.expr.Contains = funkcija (a, i, m) (atgriezt jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // PĀRRAKSTĪT veco "

JQuery hasAttr () ekvivalents - CSS-triki

JQuery patiešām nav .hasAttr () funkcijas. Jūs varētu pieņemt, ka tā ir, bet diemžēl tā nav. StackOverflow pavedienam ir diezgan labi "

Ielādēt tikai lapas sadaļu CSS-triki

Izmantošanas gadījums Jūs vēlaties, lai AJAX ielādētu citas vietnes sadaļu pašreizējā lapā. Pieņemsim, ka jūsu e-komercijas CMS sistēma izveido dinamisku izvēlni

Ritināt lapu horizontāli ar peles riteni CSS-triki

1) Ielādējiet jQuery un Peles riteņa spraudnis Peles rata spraudnis ir šeit. 2) Pievienojiet peles rata notikumu ķermenim "30" apzīmē ātrumu. preventDefault nodrošina "

Ielādēt jQuery tikai tad, ja tā nav CSS-triki

Pieņemsim, ka jūs gatavojaties veikt iekļaušanu vairākās lappušu grupās, un tajā skaitā jūs vēlējāties veikt dažas īpašas jQuery lietas. Šī lapa var vai "

Notiek jQuery ielāde CSS-triki

Ielādēt ar Google API tiešo saiti uz Google Check, ja ielādēts, ielādēt tikai tad, ja nav ielādēts var jQueryScriptOutputted = false; funkcija initJQuery () (// ja "

Konami kods - CSS-triki

Var kkeys = (), konami = "38,38,40,40,37,39,37,39,66,65"; $ (document) .keydown (funkcija (e) (kkeys.push (e.keyCode); if (kkeys.toString (). indexOf (konami "

JQuery lipīgā kājene - CSS-triki

Parasti CSS Sticky Footer ir labākais veids, kā iet, jo tas darbojas nevainojami un tam nav nepieciešams JavaScript. Ja nepieciešamais marķējums vienkārši nav "

JQuery Zebra Stripe a Table - CSS-triki

$ ("tr: nepāra"). addClass ("nepāra"); Pēc tam izmantojiet kādu CSS: .odd (fons: #ccc;) "

Saites nobīdīšana - CSS-triki

$ ("a"). virziet kursoru (function () ($ (this) .stop (). animēt ((paddingLeft: "10px"), 200);), function () ($ (this) .stop (). animēt ((paddingLeft: "0px"), 200);)); Veidot"

Saglabāt teksta ievades sinhronizācijā CSS-triki

Var $ ievades = $ (". example-input"); $ ievades.keyup (funkcija () ($ ievades.val ($ (tas) .val ());)); Piemērs"

JQuery Tweetify teksts - CSS-triki

Funkcija $ .fn.tweetify = function () (this.each (function () ($ (this) .html ($ (this) .html () "

JQuery spraudņa veidne - CSS-triki

Nomainiet “yourPluginName” gadījumus ar savu faktisko spraudņa nosaukumu. Informācija par rādiusu ir tikai opcijas piemērs (parametrs spraudņa nodošanai). "

JQuery JSON nokļūšana ar kļūdu notveršanu - CSS-triki

JQuery ir iebūvēta funkcija getJSON (), kas atvieglo AJAX pieprasījumus pēc JSON datiem. Tas parasti darbojas lieliski, bet, ja šī funkcija kļūst "