Koodinpätkät 2025, Heinäkuu

Aseta / poista oletusarvoinen tuloarvo - CSS-temppuja

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

Sarjanumero Lomakkeeksi JSON - CSS-temppuja

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

Valitse vain luettelokohde, jos se ei sisällä toista luetteloa (ja on ylätaso) - CSS-temppuja

Ymmärrän, että tämä on melko spesifistä, mutta minun piti kirjoittaa tämä valitsin aikaisemmin ongelman korjaamiseksi ja käytin jQueryä, koska valitsin on melko edistynyt "

Valitse elementti vain, jos lapsia ei ole animoitu - CSS-temppuja

Var myChildrenBehave = $ (". element"). filter (function () (var suodatettu = $ (this) .lapset (). not (": animated"); palaa suodatettu;)); Tämä valitsee elementin "

Suorita JavaScript vain, kun koko sivu on ladattu - CSS-temppuja

$ (ikkuna) .bind ("lataa", function () (// koodi täällä)); "

Etsi / korvaa - CSS-temppuja

JQuery (funktio () (jQuery (": sisältää (ETSI)"). ei (": on (: sisältää (ETSI))"). kukin (funktio () (var that = $ (this), html = that. html (); html = "

Osittainen sivun päivitys - CSS-temppuja

Päivitä tietyt sivun elementit jQueryn avulla tietyn ajan kuluttua, voidaan käyttää minkä tahansa elementin kanssa, jolla on tunnus. Muutin esimerkkiä sanalla "

Poista tietty arvo taulukosta - CSS-temppuja

Var arr =; var removeItem = 2; arr = $ .grep (arr, funktio (arvo) (palautusarvo! = removeItem;)); "

Tee koko div: n napsautettavaksi CSS-temppuja

Päivitä marraskuu 2020: Mielestäni paras mahdollinen tekniikka tähän on tämän artikkelin menetelmä 4.

(tai mikä tahansa kääreelementti) jää "

Pysyvät otsikot taulukoissa - CSS-temppuja

Kun vierität alas sivua, jolla on pitkä taulukko, taulukon otsikko vierittää yleensä pois ja muuttuu hyödyttömäksi. Tämä koodi kloonaa taulukon otsikon "

Liitä tapahtumat - CSS-temppuja

$ .fn.pasteEvents = funktio (delay) (jos (delay == undefined) delay = 20; palauta $ (this) .each (function () (var $ el = $ (this); $ el.on ("liitä ", function ()"

Salasanan vahvuus - CSS-temppuja

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

Siirrä napsautetut luettelokohteet luettelon alkuun - CSS-temppuja

Olettaen, että HTML on näin: yksi kaksi kolme Joten jos napsautetaan "Kaksi", siirrä se luettelon yläosaan. $ ("li"). napsauta (function () ("

Avaa ulkoiset linkit uudessa ikkunassa - CSS-temppuja

$ ('a'). kukin (function () (var a = uusi RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ). napsauta (toiminto (tapahtuma) ("

Siirrä kohdistin tekstialueen tai syötteen loppuun - CSS-temppuja

Koodi siirtää kohdistimen nykyisen tekstin loppuun syötteessä oletusarvon sijaan (korostamalla tekstiä). Laajennuksen muoto "

UlompiHTML jQuery-laajennus - CSS-temppuja

InternalHTML () on natiivi ja palauttaa DOM-solmun sisällön (esim. asun div: n sisällä. ulkoinenHTML () ei ole, mikä sisältäisi nykyisen DOM-solmun "

Tee jQuery: sisältää kirjainkoon erottoman - CSS-temppuja

UUSI valitsin jQuery.expr.Contains = funktio (a, i, m) (return jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // OVERWRITES old "

JQuery hasAttr () -ekvivalentti - CSS-temppuja

JQueryllä ei oikeastaan ole .hasAttr () -toimintoa. Voit olettaa, että kyllä, mutta valitettavasti ei. StackOverflow-säikeessä on melko hyviä "

Lataa vain osa sivusta - CSS-temppuja

Käytä tapausta Haluat AJAX ladata sivuston toisen sivun osan nykyiselle sivulle. Oletetaan, että verkkokauppasi CMS-järjestelmä luo dynaamisen valikon

Vieritä sivua vaakasuunnassa hiiren pyörällä - CSS-temppuja

1) Lataa jQuery ja hiiren pyörän laajennus Hiiren pyörän laajennus on täällä. 2) Kiinnitä hiiripyörän tapahtuma runkoon "30" edustaa nopeutta. preventDefault varmistaa "

Lataa jQuery vain, jos sitä ei ole CSS-temppuja

Oletetaan, että aiot tehdä sisällysluettelon koko joukolle sivuja, ja sisälle sen halusit tehdä joitain jQuery-spesifisiä juttuja. Tuo sivu voi tai "

Ladataan jQuerya CSS-temppuja

Lataa Google API: lla Direct Link to Google Check, jos ladattu, lataa vain, jos lataamaton var jQueryScriptOutputted = false; funktio initJQuery () (// jos "

Konami-koodi - CSS-temppuja

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

JQuery-tahmea alatunniste - CSS-temppuja

CSS Sticky Footer on yleensä paras tapa edetä, koska se toimii täydellisesti sujuvasti eikä vaadi JavaScriptiä. Jos vaadittu merkintä ei yksinkertaisesti ole "

JQuery Zebra -nauha taulukko - CSS-temppuja

$ ("tr: outoa"). addClass ("outoa"); Käytä sitten joitain CSS-tiedostoja: .odd (tausta: #ccc;) "

Linkin siirtäminen - CSS-temppuja

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

Pidä tekstinsyötöt synkronoituna - CSS-temppuja

Var $ syötteet = $ (". esimerkki-syöttö"); $ inputs.keyup (function () ($ inputs.val ($ (this) .val ());)); Esimerkki "

JQuery Tweetify-teksti - CSS-temppuja

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

JQuery-laajennuksen malli - CSS-temppuja

Korvaa "yourPluginName" -esiintymät todellisella laajennuksen nimellä. "Sädettä" koskevat asiat ovat vain esimerkki vaihtoehdosta (parametri ohittaa laajennus). "

JQuery JSON-virheiden saaminen - CSS-temppuja

JQueryllä on sisäänrakennettu getJSON () -toiminto, joka helpottaa AJAX-pyyntöjä JSON-tiedoille. Se toimii normaalisti hyvin, mutta jos toiminto saa "