Delčki kode 2025, Januar

Nastavi / izbriši privzeto vhodno vrednost - CSS-triki

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

Obrazec za serializacijo v JSON - CSS-triki

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

Izberite element seznama samo, če ne vsebuje drugega seznama (in je na najvišji ravni) - CSS-triki

Zavedam se, da je to precej specifično, vendar sem moral ta selektor napisati prej, da sem odpravil težavo, in uporabil sem jQuery, ker je selektor precej napreden "

Izberite element samo, če otroci niso animirani - CSS-triki

Var myChildrenBehave = $ (". element"). filter (function () (var filtered = $ (this) .children (). not (": animirano"); vrne filtrirano;)); S tem izberete element "

Zaženi JavaScript šele, ko se naloži celotna stran - CSS-triki

$ (window) .bind ("load", function () (// koda tukaj)); "

Išči / Zamenjaj - CSS-triki

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

Delna osvežitev strani - CSS-triki

Osvežite določene elemente strani z uporabo jQueryja po določenem času in jih lahko uporabite s katerim koli elementom z ID-jem. Primer, naveden v besedilu "

Odstrani določeno vrednost iz polja - CSS-triki

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

Naj bo celoten Div klikljiv - CSS-triki

Posodobitev november 2020: Mislim, da je najboljša možna tehnika za to metoda 4 v tem članku.

(ali kateri koli element ovojnice) ostane "

Trajne glave na mizah - CSS-triki

Ko se pomaknete navzdol po strani z dolgo tabelo, se običajno glava tabele pomakne stran in postane neuporabna. Ta koda klonira glavo tabele "

Prilepi dogodke - CSS-triki

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

Moč gesla - CSS-triki

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

Premakni elemente s klika na vrh seznama - CSS-triki

Ob predpostavki HTML-ja takole: ena dva tri Torej, če kliknete »Dva«, jo premaknite na vrh seznama. $ ("li"). kliknite (function () ("

Odpri zunanje povezave v novem oknu - CSS-triki

$ ('a'). vsak (funkcija () (var a = nov RegExp ('/' + window.location.host + '/'); če (! a.test (this.href)) ($ (to ) .click (funkcija (dogodek) ("

Premakni kazalec na konec besedila ali vnosa - CSS-triki

Koda za premikanje kazalca na konec trenutnega besedila znotraj vnosa, namesto na privzeto (poudarjanje besedila). Oblika vtičnika "

Zunanji HTML jQuery vtičnik - CSS-triki

InnerHTML () je izviren in vrne vsebino vozlišča DOM (npr. živim v divju. zunanji HTML () ni, kar bi vključevalo trenutno vozlišče DOM "

Make jQuery: vsebuje neobčutljive na male in male črke - CSS-triki

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

JQuery hasAttr () Enakovredno - CSS-triki

JQuery v resnici nima funkcije .hasAttr (). Lahko bi domnevali, da je, vendar žal ne. Nit StackOverflow ima nekaj precej dobrih "

Naloži samo del strani - CSS-triki

Primer uporabe Želite, da AJAX naloži odsek druge strani na vašem spletnem mestu na trenutno stran. Recimo, da vaš sistem za e-trgovino CMS ustvari dinamičen meni »

Pomaknite se po strani vodoravno s kolesom miške - CSS-triki

1) Naložite jQuery in vtičnik Mouse Wheel Vtičnik Mouse Wheel je tukaj. 2) Pritrdite dogodek kolesa miške na telo "30" predstavlja hitrost. prevenDefault zagotavlja "

Naloži jQuery samo, če ni prisoten - CSS-triki

Recimo, da ste nameravali vključiti cel kup strani, znotraj tega pa ste želeli narediti nekaj posebnih stvari za jQuery. Ta stran lahko ali "

Nalaganje jQuery - CSS-triki

Naloži z Google API Direct Link to Google Check, če je naložen, naloži samo, če je neobremenjen var jQueryScriptOutputted = false; funkcija initJQuery () (// če je "

Koda Konami - CSS-triki

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 Lepljiva noga - CSS-triki

Na splošno je CSS Sticky Footer najboljši način, saj deluje popolnoma gladko in ne potrebuje JavaScripta. Če zahtevana oznaka preprosto ni "

JQuery Zebra črta mizo - CSS-triki

$ ("tr: liho"). addClass ("liho"); Nato uporabite nekaj CSS: .odd (background: #ccc;) "

Premikanje povezav - CSS-triki

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

Sinhronizirajte vnose besedila - CSS-triki

Var $ inputs = $ (". example-input"); $ inputs.keyup (funkcija () ($ inputs.val ($ (this) .val ());)); Primer "

JQuery Tweetify Text - CSS-triki

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

Predloga vtičnika jQuery - CSS-triki

Primerke "yourPluginName" zamenjajte z dejanskim imenom vtičnika. Stvari o "radiju" so le primer možnosti (parameter za prenos vtičnika). "

JQuery JSON pridobivanje z zajemom napak - CSS-triki

JQuery ima vgrajeno funkcijo, imenovano getJSON (), ki olajša zahteve AJAX za podatke JSON. Običajno deluje odlično, če pa ta funkcija dobi "