Kódrészletek 2025, Január

Alapértelmezett bemeneti érték beállítása / törlése - CSS-trükkök

$ ('. alapértelmezett érték'). mindegyik (function () (var default_value = this.value; $ (this) .focus (function () (if (this.value == default_value) (this.value = "" ;))); "

Az űrlap sorosítása JSON-ra - CSS-trükkök

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

Válassza ki a Csak listaelem elemet, ha nem tartalmaz másik listát (és legfelső szintű) - CSS-trükkök

Rájöttem, hogy ez meglehetősen specifikus, de ezt a választót korábban kellett megírnom egy probléma megoldására, és a jQuery-t használtam, mert a választó meglehetősen fejlett "

Csak akkor válassza az Element lehetőséget, ha a gyerekek nincsenek animálva - CSS-trükkök

Var myChildrenBehave = $ (". elem"). filter (function () (var filtered = $ (this) .children (). not (": animated"); return filtered;)); Ez kiválasztja a "

Csak a teljes oldal betöltése után futtassa a JavaScript-et - CSS-trükkök

$ (ablak) .bind ("betöltés", function () (// kód itt)); "

Keresés / Csere - CSS-trükkök

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

Részleges oldalfrissítés - CSS-trükkök

Frissítse egy oldal bizonyos elemeit a jQuery használatával egy meghatározott idő után, bármely azonosítóval rendelkező elemhez használható. A megadott példát a "

Specifikus érték eltávolítása a tömbből CSS-trükkök

Var arr =; var removeItem = 2; arr = $ .grep (arr, function (érték) (visszatérési érték! = removeItem;)); "

Legyen kattintható az egész div - CSS-trükkök

Frissítve 2020 november: Úgy gondolom, hogy a lehető legjobb technika ennek a cikknek a 4. módszere. A

(vagy bármely más burkoló elem) megmarad "

Állandó fejlécek az asztalokon - CSS-trükkök

Amikor lefelé görget egy olyan oldalt, amelyen egy hosszú asztal található, akkor általában a táblázat fejléce gördül el és használhatatlanná válik. Ez a kód klónozza a táblázat fejlécét "

Események beillesztése CSS-trükkök

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

Jelszó erőssége - CSS-trükkök

$ ('# pass'). keyup (függvény (e) (var strongRegex = new RegExp ("^ (? =. (8,)) (? =. *) (? =. *) (? =. *) (? =. * \ W). * $ "," G "); var mediumRegex = új"

A kattintott listaelemek áthelyezése a lista elejére - CSS-trükkök

Ilyen HTML-t feltételezve: egy kettő három Ha tehát a "Kettő" gombra kattintunk, vigye a lista elejére. $ ("li"). kattintson (function () ("

Külső hivatkozások megnyitása új ablakban - CSS-trükkök

$ ('a'). mindegyik (function () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ) .click (function (event) ("

Vigye a kurzort a Textarea vagy a Bevitel végére CSS-trükkök

Kód, amely a kurzort az alapértelmezett szöveg helyett az aktuális szöveg végére mozgatja a bemenetben (a szöveg kiemelése). Plugin formátum "

KülsőHTML jQuery bővítmény - CSS-trükkök

A belső HTML () natív és egy DOM csomópont tartalmát adja vissza (pl. egy div belsejében élek. A külsőHTML () nem, amely magában foglalná az aktuális DOM csomópontot

Make jQuery: kis- és nagybetűk nem tartalmaznak CSS-trükkök

ÚJ szelektor jQuery.expr.Contains = function (a, i, m) (return jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // OVERWRITES old "

A jQuery hasAttr () egyenértékű - CSS-trükkök

A jQuery nem igazán rendelkezik .hasAttr () függvénnyel. Feltételezheti, hogy igen, de sajnos nem. A StackOverflow szál nagyon jó "

Csak az oldal egy szakaszát töltse be CSS-trükkök

Felhasználási eset: AJAX egy másik oldal egy részét szeretné betölteni az aktuális oldalra. Tegyük fel, hogy az e-kereskedelmi CMS rendszere dinamikus menüt hoz létre

Lapozzon vízszintesen az egérkerékkel - CSS-trükkök

1) Töltse be a jQuery és az Egér kerék beépülő modult. Az egér kerék beépülő modul itt van. 2) Csatlakoztassa az egérkerék eseményét a testhez A "30" a sebességet jelöli. preventDefault biztosítja "

Csak akkor töltse be a jQuery-t, ha nincs jelen CSS-trükkök

Tegyük fel, hogy egész csomó oldalra belefoglalást fogsz csinálni, és ezen belül tartalmazni szeretnél néhány jQuery-specifikus dolgot. Ez az oldal vagy

JQuery betöltése CSS-trükkök

Betöltés a Google API-val Közvetlen link a Google Check-hez, ha betöltve, csak akkor töltse be, ha nincs betöltve var jQueryScriptOutputted = false; függvény initJQuery () (// ha a "

Konami-kód - CSS-trükkök

Var kkeys = (), konami = "38,38,40,40,37,39,37,39,66,65"; $ (dokumentum) .keydown (függvény (e) (kkeys.push (e.keyCode); if (kkeys.toString (). indexOf (konami "

JQuery Sticky Footer - CSS-trükkök

Általában a CSS Sticky Footer a legjobb út, mivel tökéletesen simán működik és nem igényel JavaScript-et. Ha a szükséges jelölés egyszerűen nem "

JQuery Zebra Csíkozzon egy táblázatot - CSS-trükkök

$ ("tr: páratlan"). addClass ("páratlan"); Ezután használjon néhány CSS-t: .odd (háttér: #ccc;) "

Link Nudging - CSS-trükkök

$ ("a"). hover (function () ($ (this) .stop (). animál ((paddingLeft: "10px"), 200);), function () ($ (this) .stop (). animálni ((paddingLeft: "0px"), 200);)); Gyártás "

A szövegbevitel szinkronban tartása - CSS-trükkök

Var $ bemenetek = $ (". example-input"); $ bemenetek.kulcs (function () ($ bemenetek.val ($ (ez) .val ());)); Példa"

JQuery Tweetify szöveg - CSS-trükkök

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

JQuery bővítménysablon - CSS-trükkök

Cserélje le a "yourPluginName" példányait a tényleges plugin nevére. A "sugár" körüli dolgok csak egy példa egy opcióra (paraméter a plugin átadására). "

JQuery JSON hibaelkapással - CSS-trükkök

A jQuery rendelkezik a getJSON () nevű beépített funkcióval, amely megkönnyíti a JSON-adatokra vonatkozó AJAX-kérelmeket. Általában remekül működik, de ha ez a funkció megkapja "