Koodijupid 2025, Aprill

Vaikimisi sisendväärtuse määramine / kustutamine - CSS-trikid

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

Serialiseeri vorm JSON-i - CSS-trikid

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

Valige ainult loendiüksus, kui see ei sisalda teist loendit (ja on ülemine tase) - CSS-trikid

Mõistan, et see on pigem spetsiifiline, kuid probleemi valimiseks pidin selle valija juba varem kirjutama ja kasutasin jQuery't, kuna valija on üsna arenenud "

Valige element ainult siis, kui lapsi pole animeeritud - CSS-trikid

Var myChildrenBehave = $ (". element"). filter (function () (var filtered = $ (this) .children (). not (": animated"); return filtered;)); See valib elemendi "

Käivitage JavaScripti ainult pärast kogu lehe laadimist CSS-trikid

$ (aken) .bind ("koormus", function () (// kood siin)); "

Otsi / asenda - CSS-trikid

JQuery (funktsioon () (jQuery (": sisaldab (LEI)"). mitte (": on (: sisaldab (LEI))"). iga (funktsioon () (var see = $ (see), html = see. html (); html = "

Osaline lehe värskendamine - CSS-trikid

Värskendage lehe teatud elemente jQuery abil pärast määratud aja möödumist, saab kasutada mis tahes ID-ga elemendiga. Muutsin toodud näidet tekstiga "

Eemalda massiivist konkreetne väärtus - CSS-trikid

Var arr =; var removeItem = 2; arr = $ .grep (arr, function (väärtus) (tagastusväärtus! = removeItem;)); "

Tee kogu Div klõpsatavaks - CSS-trikid

Värskendage novembrit 2020: ma arvan, et parim võimalik tehnika on selle artikli 4. meetod.

(või ükskõik milline ümbrise element) jääb alles "

Püsivad päised tabelitel CSS-trikid

Kui kerite lehte, millel on pikk tabel, kerib tabeli päis tavaliselt eemale ja muutub kasutuks. See kood kloonib tabeli päise "

Kleebi sündmused - CSS-trikid

$ .fn.pasteEvents = funktsioon (viivitus) (kui (viivitus == määratlemata) viivitus = 20; tagastab $ (this) .each (function () (var $ el = $ (this); $ el.on ("paste ", function ()"

Parooli tugevus - CSS-trikid

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

Teisalda klõpsatud loendi üksused loendi tippu - CSS-trikid

Eeldades, et HTML on selline: üks kaks kolm. Kui klõpsate nuppu "Kaks", liigutage see loendi ülaossa. $ ("li"). klõpsake (function () ("

Ava välised lingid uues aknas - CSS-trikid

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

Liiguta kursor tekstiala või sisendi lõppu - CSS-trikid

Kood kursori liigutamiseks sisendis aktiivse teksti lõppu, mitte vaikimisi (teksti esiletõstmine). Pistikprogrammi vorming "

ExternalHTML jQuery pistikprogramm - CSS-trikid

InternalHTML () on emakeelena ja tagastab DOM-sõlme sisu (nt. ma elan div. sees. externalHTML () pole, mis sisaldaks praegust DOM-sõlme "

Tee jQuery: sisaldab suurt ja väiketähti - CSS-trikid

UUS valija jQuery.expr.Contains = funktsioon (a, i, m) (tagastab jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // ÜLIKIRJUTAB vana

A jQuery hasAttr () ekvivalent - CSS-trikid

JQueryl pole tegelikult .hasAttr () funktsiooni. Võite eeldada, et see nii on, aga kahjuks mitte. StackOverflow lõimel on päris hea "

Laadige ainult osa lehest - CSS-trikid

Kasuta juhtumit Kui soovite, et AJAX laadiks oma saidi teise lehe jaotise praegusele lehele. Oletame, et teie e-kaubanduse CMS-süsteem loob dünaamilise menüü

Sirvige lehte horisontaalselt hiirerattaga CSS-trikid

1) Laadige jQuery ja hiireratta pistikprogramm Hiireratta pistikprogramm on siin. 2) Kinnitage hiireratta sündmus kerele "30" tähistab kiirust. preventDefault tagab "

Laadige jQuery ainult siis, kui seda pole kohal CSS-trikid

Oletame, et kavatsete teha kaasamise tervele hulgale lehtedele ja selle sees soovite teha mõnda jQuery spetsiifilist kraami. See leht võib või "

JQuery laadimine - CSS-trikid

Laadi Google API abil otselink Google Checki, kui see on laaditud, laadige ainult laadimata var varQQueryScriptOutputted = false; funktsioon initJQuery () (// kui "

Konami kood - CSS-trikid

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

JQuery kleepuv jalus - CSS-trikid

Üldiselt on parim viis CSS-i kleepuv jalus, kuna see töötab täiesti sujuvalt ega vaja JavaScripti. Kui vajalik märgistus pole lihtsalt "

JQuery Zebra riba laud - CSS-trikid

$ ("tr: paaritu"). addClass ("paaritu"); Seejärel kasutage mõnda CSS-i: .odd (taust: #ccc;) "

Lingi nihutamine - CSS-trikid

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

Hoidke tekstisisestused sünkroonis - CSS-trikid

Var $ sisendid = $ (". näide-sisend"); $ sisendid.klahv (funktsioon () ($ sisendid.val ($ (see) .val ());)); Näide "

JQuery Tweetify tekst - CSS-trikid

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

JQuery pistikprogrammi mall - CSS-trikid

Asendage "yourPluginName" eksemplarid tegeliku pistikprogrammi nimega. Raadiusega seotud asjad on vaid näide võimalusest (parameeter pistikprogrammi edastamiseks). "

JQuery JSON vigade püüdmisega - CSS-trikid

JQueryl on sisseehitatud funktsioon nimega getJSON (), mis aitab hõlbustada AJAX-i JSON-andmete taotlusi. Tavaliselt töötab see suurepäraselt, kuid kui see funktsioon saab "