Isječci koda 2025, Veljača

Postavi / obriši zadanu vrijednost ulaza - CSS-trikovi

Postavi / obriši zadanu vrijednost ulaza - CSS-trikovi

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

Obrazac za serializaciju u JSON - CSS-trikovi

Obrazac za serializaciju u JSON - CSS-trikovi

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

Odaberite stavku popisa samo ako ne sadrži drugi popis (i na najvišoj je razini) - CSS-trikovi

Odaberite stavku popisa samo ako ne sadrži drugi popis (i na najvišoj je razini) - CSS-trikovi

Shvaćam da je ovo prilično specifično, ali morao sam ranije napisati ovaj selektor da bih riješio problem i koristio sam jQuery jer je selektor prilično napredan "

Odaberite element samo ako djeca nisu animirana - CSS-trikovi

Odaberite element samo ako djeca nisu animirana - CSS-trikovi

Var myChildrenBehave = $ (". element"). filter (function () (var filtered = $ (this) .children (). not (": animirani"); povratak filtriran;)); Ovo odabire element "

Pokreni JavaScript tek nakon što se učita cijela stranica - CSS-trikovi

Pokreni JavaScript tek nakon što se učita cijela stranica - CSS-trikovi

$ (window) .bind ("load", function () (// kod ovdje)); "

Traži / Zamijeni - CSS-trikovi

Traži / Zamijeni - CSS-trikovi

JQuery (function () (jQuery (": contains (FIND)"). not (": has (: contains (FIND))"). each (function () (var that = $ (this), html = that. html (); html = "

Djelomično osvježavanje stranice - CSS-trikovi

Djelomično osvježavanje stranice - CSS-trikovi

Osvježite određene elemente stranice pomoću jQueryja nakon određenog vremena, može se koristiti s bilo kojim elementom s ID-om. Izmijenio sam primjer naveden s "

Uklonite određenu vrijednost iz niza - CSS-trikovi

Uklonite određenu vrijednost iz niza - CSS-trikovi

Var arr =; var removeItem = 2; arr = $ .grep (arr, funkcija (vrijednost) (povratna vrijednost! = removeItem;)); "

Neka cijeli Div bude kliktan - CSS-trikovi

Neka cijeli Div bude kliktan - CSS-trikovi

Ažuriranje u studenom 2020 .: Mislim da je najbolja moguća tehnika za to metoda 4 u ovom članku.

(ili bilo koji drugi element omota) ostaje "

Trajna zaglavlja na tablicama - CSS-trikovi

Trajna zaglavlja na tablicama - CSS-trikovi

Kad pomičete stranicu prema dolje s dugačkom tablicom, obično se zaglavlje tablice pomakne i postane beskorisno. Ovaj kod klonira zaglavlje tablice "

Zalijepi događaje - CSS-trikovi

Zalijepi događaje - CSS-trikovi

$ .fn.pasteEvents = function (delay) (if (delay == undefined) delay = 20; return $ (this) .each (function () (var $ el = $ (this); $ el.on ("paste" ", funkcija ()"

Snaga lozinke - CSS-trikovi

Snaga lozinke - CSS-trikovi

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

Premjestite kliknute stavke popisa na vrh popisa - CSS-trikovi

Premjestite kliknute stavke popisa na vrh popisa - CSS-trikovi

Pod pretpostavkom da je HTML takav: jedan dva tri Dakle, ako se klikne "Dva", pomaknite ga na vrh popisa. $ ("li"). klik (function () ("

Otvorite vanjske veze u novom prozoru - CSS-trikovi

Otvorite vanjske veze u novom prozoru - CSS-trikovi

$ ('a'). svaka (funkcija () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ) .click (funkcija (događaj) ("

Premjesti kursor na kraj područja teksta ili unosa - CSS-trikovi

Premjesti kursor na kraj područja teksta ili unosa - CSS-trikovi

Kôd za pomicanje kursora na kraj trenutnog teksta unutar unosa, a ne prema zadanom (isticanje teksta). Format dodatka "

SpoljniHTML jQuery dodatak - CSS-trikovi

SpoljniHTML jQuery dodatak - CSS-trikovi

InnerHTML () je izvorni i vraća sadržaj DOM čvora (npr. živim unutar div .. externalHTML () nije, što bi uključivalo trenutni DOM čvor "

Napravite jQuery: sadrži mala i mala slova - CSS-trikovi

Napravite jQuery: sadrži mala i mala slova - CSS-trikovi

NOVI selektor jQuery.expr.Contains = function (a, i, m) (return jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // PREPISUJE staro "

JQuery imaAttr () ekvivalent - CSS-trikovi

JQuery imaAttr () ekvivalent - CSS-trikovi

JQuery zapravo nema funkciju .hasAttr (). Mogli biste pretpostaviti da jest, ali nažalost, nije. StackOverflow nit ima prilično dobrih "

Učitaj samo dio stranice - CSS-trikovi

Učitaj samo dio stranice - CSS-trikovi

Slučaj upotrebe Želite da AJAX učita odjeljak druge stranice na vašoj web lokaciji na trenutnu stranicu. Recimo da vaš eCommerce CMS sustav stvara dinamični izbornik "

Pomicanje stranice vodoravno kotačićem miša - CSS-trikovi

Pomicanje stranice vodoravno kotačićem miša - CSS-trikovi

1) Učitajte jQuery i dodatak za kotačić miša Dodatak za kotačić miša je ovdje. 2) Pričvrstite događaj kotačića miša na tijelo "30" predstavlja brzinu. prevenDefault osigurava "

Učitaj jQuery samo ako nije prisutan - CSS-trikovi

Učitaj jQuery samo ako nije prisutan - CSS-trikovi

Recimo da ste namjeravali uključiti cijelu hrpu stranica, a unutar tog dijela htjeli ste napraviti neke stvari specifične za jQuery. Ta stranica može ili "

Učitavanje jQuery - CSS-trikovi

Učitavanje jQuery - CSS-trikovi

Učitaj Google API Direct Link na Google Check ako je učitan, učitaj samo ako je neopterećen var jQueryScriptOutputted = false; funkcija initJQuery () (// ako je "

Konami kod - CSS-trikovi

Konami kod - CSS-trikovi

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

JQuery ljepljivo podnožje - CSS-trikovi

JQuery ljepljivo podnožje - CSS-trikovi

Općenito je CSS ljepljivo podnožje najbolji način za rad, jer radi savršeno glatko i ne zahtijeva JavaScript. Ako potrebno označavanje jednostavno nije "

JQuery Zebra pruži stol - CSS-trikovi

JQuery Zebra pruži stol - CSS-trikovi

$ ("tr: ak"). addClass ("ak"); Zatim upotrijebite neki CSS: .odd (background: #ccc;) "

Guranje veze - CSS-trikovi

Guranje veze - CSS-trikovi

$ ("a"). hover (function () ($ (this) .stop (). animate ((paddingLeft: "10px"), 200);), function () ($ (this) .stop (). animirati ((paddingLeft: "0px"), 200);)); Napraviti"

Sinkronizirajte unose teksta - CSS-trikovi

Sinkronizirajte unose teksta - CSS-trikovi

Var $ inputs = $ (". example-input"); $ inputs.keyup (function () ($ inputs.val ($ (this) .val ());)); Primjer"

JQuery Tweetify Text - CSS-trikovi

JQuery Tweetify Text - CSS-trikovi

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

Predložak jQuery dodatka - CSS-trikovi

Predložak jQuery dodatka - CSS-trikovi

Zamijenite instance "yourPluginName" vašim stvarnim imenom dodatka. Stvari o "radijusu" samo su primjer opcije (parametar za dodavanje dodatka). "

JQuery JSON dobivanje s hvatanjem pogrešaka - CSS-trikovi

JQuery JSON dobivanje s hvatanjem pogrešaka - CSS-trikovi

JQuery ima ugrađenu funkciju koja se naziva getJSON () za olakšavanje AJAX zahtjeva za JSON podacima. Inače funkcionira sjajno, ali ako ta funkcija dobije "