Úryvky kódu 2025, Apríl

Nastaviť / vyčistiť predvolenú vstupnú hodnotu - Triky CSS

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

Serializujte formulár do formátu JSON Triky CSS

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

Vyberte položku zoznamu, iba ak neobsahuje iný zoznam (a je najvyššej úrovne) - Triky CSS

Uvedomujem si, že je to dosť konkrétne, ale tento selektor som musel napísať skôr, aby som vyriešil problém, a použil som jQuery, pretože selektor je dosť pokročilý. “

Vyberte prvok iba v prípade, že deti nie sú animované Triky CSS

Var myChildrenBehave = $ (". element"). filter (function () (var filtrované = $ (this) .children (). not (": animovaný"); návrat filtrovaný;)); Týmto sa vyberie prvok „

Spustiť JavaScript až po načítaní celej stránky Triky CSS

$ (okno) .bind ("načítať", funkcia () (// kód tu)); "

Hľadať / nahradiť - Triky CSS

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

Čiastočné obnovenie stránky Triky CSS

Obnoviť určité prvky stránky pomocou jQuery po stanovenom čase, je možné použiť s akýmkoľvek prvkom s ID. Uvedený príklad som upravil textom „

Odstrániť konkrétnu hodnotu z poľa - Triky CSS

Var arr =; var removeItem = 2; arr = $ .grep (arr, function (value) (návratová hodnota! = removeItem;)); "

Umožniť kliknutie na celý div Triky CSS

Aktualizácia november 2020: Myslím, že najlepšou možnou technikou je metóda 4 v tomto článku. Zostáva

(alebo akýkoľvek prvok obálky) „

Trvalé hlavičky na stoloch Triky CSS

Pri posúvaní nadol po stránke, na ktorej je dlhá tabuľka, sa hlavička tabuľky zvyčajne posúva ďalej a stáva sa zbytočnou. Tento kód klonuje hlavičku tabuľky „

Prilepiť udalosti Triky CSS

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

Sila hesla Triky CSS

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

Presunúť klikané položky zoznamu na začiatok zoznamu Triky CSS

Za predpokladu HTML takto: jedna dve tri Takže ak kliknete na „Dve“, presuňte ho na začiatok zoznamu. $ ("li"). click (function () ("

Otvoriť externé odkazy v novom okne Triky CSS

$ ('a'). each (function () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href))) ($ (this ). kliknutie (funkcia (udalosť) ("

Presuňte kurzor na koniec textovej oblasti alebo vstupu Triky CSS

Kód na presunutie kurzora na koniec aktuálneho textu vo vstupe, nie na predvolený (zvýraznenie textu). Formát doplnku “

Plugin vonkajšej HTML jQuery Triky CSS

InnerHTML () je natívny a vracia obsah uzla DOM (napr. žijem vo vnútri div .. vonkajšíHTML () nie je, čo by obsahovalo aktuálny uzol DOM "

Make jQuery: contains Case-Insensitive - Triky CSS

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

Ekvivalent jQuery hasAttr () - Triky CSS

JQuery v skutočnosti nemá funkciu .hasAttr (). Možno si myslíte, že to tak je, ale bohužiaľ nie. Vlákno StackOverflow má niečo celkom dobré “

Načítať iba časť stránky Triky CSS

Prípad použitia Ak chcete AJAX načítať časť inej stránky na vašom webe na aktuálnu stránku. Povedzme, že váš systém eCommerce CMS vytvára dynamické menu „

Posuňte stránku vodorovne kolieskom myši Triky CSS

1) Načítajte jQuery a doplnok Mouse Wheel Doplnok Mouse Wheel je tu. 2) Pripojte udalosť kolieska myši k telu. „30“ predstavuje rýchlosť. preventDefault zaisťuje "

Načítať jQuery, iba ak nie je k dispozícii Triky CSS

Povedzme, že sa chystáte urobiť zahrnutie na celú kopu stránok a vo vnútri toho zahrnutia ste chceli urobiť nejaké veci špecifické pre jQuery. Táto stránka môže alebo „

Načítava sa jQuery - Triky CSS

Načítať pomocou Google API Priamy odkaz na Google Skontrolovať, či je načítaný, iba načítať, ak je nenaložený var jQueryScriptOutputted = false; funkcia initJQuery () (// ak "

Kódex Konami - Triky CSS

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

JQuery Prilepená päta - Triky CSS

Všeobecne je CSS Sticky Footer najlepším spôsobom, ako pracovať, pretože funguje dokonale hladko a nevyžaduje JavaScript. Ak požadované označenie jednoducho nie je “

JQuery Zebra Stripe a Table Triky CSS

$ ("tr: odd"). addClass ("nepárne"); Potom použite niekoľko CSS: .odd (background: #ccc;) "

Nudging odkazu Triky CSS

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

Udržujte textové vstupy synchronizované Triky CSS

Var $ vstupy = $ (". priklad-vstup"); $ inputs.keyup (function () ($ inputs.val ($ (this) .val ());)); Príklad "

Text jQuery Tweetify - Triky CSS

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

Šablóna doplnku jQuery Triky CSS

Nahraďte inštancie „yourPluginName“ skutočným názvom doplnku. Informácie o „okruhu“ sú len príkladom možnosti (parameter na odovzdanie doplnku). “

Získanie jQuery JSON s chybou chyby - Triky CSS

JQuery má zabudovanú funkciu nazvanú getJSON (), ktorá pomáha uľahčovať požiadavky AJAX na údaje JSON. Normálne to funguje skvele, ale ak sa táto funkcia zobrazí „