Fragmente de cod 2025, Ianuarie

Setați / Ștergeți valoarea de intrare implicită - CSS-Tricks

Setați / Ștergeți valoarea de intrare implicită - CSS-Tricks

$ ('. valoare-implicită'). fiecare (funcție () (var valoare_definită = this.value; $ (aceasta) .focus (funcție () (if (this.value == valoare_definită) (this.value = " ;))); "

Serializați formularul către JSON - CSS-Tricks

Serializați formularul către JSON - CSS-Tricks

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

Selectați elementul de listă numai dacă nu conține o altă listă (și este de nivel superior) - CSS-Tricks

Selectați elementul de listă numai dacă nu conține o altă listă (și este de nivel superior) - CSS-Tricks

Îmi dau seama că acest lucru este destul de specific, dar a trebuit să scriu acest selector mai devreme pentru a remedia o problemă și am folosit jQuery deoarece selectorul este destul de avansat "

Selectați elementul numai dacă copiii nu sunt animați - CSS-Tricks

Selectați elementul numai dacă copiii nu sunt animați - CSS-Tricks

Var myChildrenBehave = $ (". element"). filter (function () (var filtered = $ (this) .children (). not (": animat"); return filtrat;)); Aceasta selectează elementul „

Rulați JavaScript numai după încărcarea întregii pagini - CSS-Tricks

Rulați JavaScript numai după încărcarea întregii pagini - CSS-Tricks

$ (window) .bind ("încărcare", funcție () (// cod aici)); "

Căutare / Înlocuire - CSS-Tricks

Căutare / Înlocuire - CSS-Tricks

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

Actualizare parțială a paginii - CSS-Tricks

Actualizare parțială a paginii - CSS-Tricks

Reîmprospătați anumite elemente ale unei pagini folosind jQuery după un timp stabilit, poate fi utilizat cu orice element cu un ID. Am modificat exemplul dat cu „

Eliminați valoarea specifică din matrice - CSS-Tricks

Eliminați valoarea specifică din matrice - CSS-Tricks

Var arr =; var removeItem = 2; arr = $ .grep (arr, function (value) (return value! = removeItem;)); "

Faceți clic întreg pe Div - CSS-Tricks

Faceți clic întreg pe Div - CSS-Tricks

Actualizare noiembrie 2020: cred că cea mai bună tehnică posibilă pentru aceasta este Metoda 4 din acest articol.

(sau orice alt element de împachetare) rămâne „

Anteturi persistente pe tabele - CSS-Tricks

Anteturi persistente pe tabele - CSS-Tricks

Când derulați o pagină cu un tabel lung pe ea, de obicei antetul tabelului se derulează și devine inutil. Acest cod clonează antetul tabelului "

Inserați evenimente - CSS-Tricks

Inserați evenimente - CSS-Tricks

$ .fn.pasteEvents = funcție (întârziere) (dacă (întârziere == nedefinit) întârziere = 20; returnează $ (aceasta) .each (funcție () (var $ el = $ (aceasta); $ el.on ("paste ", function ()"

Intensitatea parolei - CSS-Tricks

Intensitatea parolei - CSS-Tricks

$ ('# pass'). tastă (funcție (e) (var strongRegex = new RegExp ("^ (? =. (8,)) (? =. *) (? =. *) (? =. *) (? =. * \ W). * $ "," G "); var mediumRegex = new"

Mutați articolele din lista făcute clic în partea de sus a listei - CSS-Tricks

Mutați articolele din lista făcute clic în partea de sus a listei - CSS-Tricks

Presupunând HTML astfel: unu două trei Deci, dacă se face clic pe „Două”, mutați-l în partea de sus a listei. $ ("li"). faceți clic pe (funcție () ("

Deschideți linkuri externe în fereastră nouă - CSS-Tricks

Deschideți linkuri externe în fereastră nouă - CSS-Tricks

$ ('a'). each (function () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ) .click (funcție (eveniment) ("

Mutați cursorul la sfârșitul zonei de text sau a intrării - CSS-Tricks

Mutați cursorul la sfârșitul zonei de text sau a intrării - CSS-Tricks

Cod pentru a muta cursorul la sfârșitul textului curent din intrare, mai degrabă decât implicit (evidențiind textul). Format plugin "

ExternalHTML jQuery Plugin - CSS-Tricks

ExternalHTML jQuery Plugin - CSS-Tricks

InnerHTML () este nativ și returnează conținutul unui nod DOM (de exemplu, eu locuiesc în interiorul unui div. externalHTML () nu este, care ar include nodul DOM curent "

Faceți jQuery: conține majuscule / minuscule - CSS-Tricks

Faceți jQuery: conține majuscule / minuscule - CSS-Tricks

NOU selector jQuery.expr.Contains = function (a, i, m) (return jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // SUBSCRIBE vechi "

Un jQuery hasAttr () Echivalent - CSS-Tricks

Un jQuery hasAttr () Echivalent - CSS-Tricks

JQuery nu are într-adevăr o funcție .hasAttr (). Ați putea presupune că da, dar din păcate, nu. Un fir StackOverflow are unele destul de bune "

Încărcați doar o secțiune dintr-o pagină - CSS-Tricks

Încărcați doar o secțiune dintr-o pagină - CSS-Tricks

Utilizare caz Doriți să încărcați AJAX o secțiune dintr-o altă pagină de pe site-ul dvs. pe pagina curentă. Spuneți că sistemul dvs. de e-commerce CMS creează un meniu dinamic de „

Derulați pagina orizontal cu roata mouse-ului - CSS-Tricks

Derulați pagina orizontal cu roata mouse-ului - CSS-Tricks

1) Încărcați jQuery și pluginul Mouse Wheel Pluginul Mouse Wheel este aici. 2) Atașați evenimentul roții mouse-ului la corp „30” reprezintă viteza. preventDefault asigură "

Încărcați jQuery numai dacă nu este prezent - CSS-Tricks

Încărcați jQuery numai dacă nu este prezent - CSS-Tricks

Spuneți că urmați să faceți o includere pe o grămadă întreagă de pagini, iar în interiorul acesteia ați vrut să faceți niște lucruri specifice jQuery. Această pagină poate sau „

Se încarcă jQuery - CSS-Tricks

Se încarcă jQuery - CSS-Tricks

Încărcați cu Google API Link direct către Google Verificați dacă este încărcat, încărcați numai dacă este descărcat var jQueryScriptOutputted = false; funcția initJQuery () (// dacă „

Codul Konami - CSS-Tricks

Codul Konami - CSS-Tricks

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

JQuery Sticker Footer - CSS-Tricks

JQuery Sticker Footer - CSS-Tricks

În general, Footer-ul CSS Sticky este cel mai bun mod de a merge, deoarece funcționează perfect fără a necesita JavaScript. Dacă marcajul necesar pur și simplu nu este "

JQuery Zebra Stripe a Table - CSS-Tricks

JQuery Zebra Stripe a Table - CSS-Tricks

$ ("tr: impar"). addClass ("impar"); Apoi utilizați câteva CSS: .odd (background: #ccc;) "

Link Nudging - CSS-Tricks

Link Nudging - CSS-Tricks

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

Păstrați intrările de text în sincronizare - CSS-Tricks

Păstrați intrările de text în sincronizare - CSS-Tricks

Var $ intrări = $ (". exemplu-intrare"); $ inputs.keyup (function () ($ inputs.val ($ (this) .val ());)); Exemplu"

JQuery Tweetify Text - CSS-Tricks

JQuery Tweetify Text - CSS-Tricks

Funcția $ .fn.tweetify = function () (this.each (function () ($ (this) .html ($ (this) .html () "

JQuery Plugin Template - CSS-Tricks

JQuery Plugin Template - CSS-Tricks

Înlocuiți instanțele „yourPluginName” cu numele real al pluginului. Lucrurile despre „rază” sunt doar un exemplu de opțiune (parametru pentru a trece pluginul). ”

JQuery JSON obținerea cu erori de capturare - CSS-Tricks

JQuery JSON obținerea cu erori de capturare - CSS-Tricks

JQuery are o funcție încorporată numită getJSON () pentru a ajuta la facilitarea cererilor AJAX pentru date JSON. În mod normal funcționează excelent, dar dacă funcția respectivă devine „