Úryvky kódu 2025, Leden

Nastavit / vymazat výchozí vstupní hodnotu - Triky CSS

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

Serializovat formulář na 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 pouze položku seznamu, pokud neobsahuje jiný seznam (a je nejvyšší úrovně) - Triky CSS

Uvědomuji si, že je to docela konkrétní, ale musel jsem tento selektor napsat dříve, abych opravil problém, a použil jsem jQuery, protože selektor je poměrně pokročilý "

Vyberte prvek pouze v případě, že děti nejsou animované - Triky CSS

Var myChildrenBehave = $ (". element"). filter (function () (var filtrované = $ (this) .children (). not (": animovaný"); návrat filtrovaný;)); Tím se vybere prvek "

Spustit JavaScript až po načtení celé stránky Triky CSS

$ (window) .bind ("load", function () (// kód zde)); "

Hledat / nahradit - Triky CSS

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

Částečné obnovení stránky - Triky CSS

Obnovit určité prvky stránky pomocí jQuery po nastaveném čase, lze použít s jakýmkoli prvkem s ID. Uvedený příklad jsem upravil pomocí „

Odebrat konkrétní hodnotu z pole - Triky CSS

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

Zajistit klikatelnost celého Div - Triky CSS

Aktualizace listopad 2020: Myslím, že nejlepší možnou technikou je metoda 4 v tomto článku.

(nebo jakýkoli prvek obálky) zůstane "

Trvalé záhlaví na tabulkách Triky CSS

Když se posunete dolů po stránce, na které je dlouhá tabulka, hlavička tabulky se obvykle posune a stane se zbytečnou. Tento kód klonuje záhlaví tabulky "

Vložit události - Triky CSS

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

Síla hesla - Triky CSS

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

Přesunout položky seznamu, na které jste klikli, na začátek seznamu Triky CSS

Za předpokladu HTML takto: jedna dvě tři Takže pokud kliknete na „Dva“, přesuňte jej na začátek seznamu. $ ("li"). click (function () ("

Otevřít externí odkazy v novém okně - Triky CSS

$ ('a'). each (function () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ) .click (funkce (událost) ("

Přesuňte kurzor na konec textové oblasti nebo vstup - Triky CSS

Kód pro přesunutí kurzoru na konec aktuálního textu ve vstupu, nikoli na výchozí (zvýraznění textu). Formát pluginu "

Plugin vnější HTML jQuery - Triky CSS

InnerHTML () je nativní a vrací obsah uzlu DOM (např. bydlím uvnitř div .. outerHTML () není, což by zahrnovalo aktuální uzel DOM "

Make jQuery: contains Case-Insensitive - Triky CSS

NOVÝ selektor jQuery.expr.Contains = funkce (a, i, m) (návrat jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // PŘEPISUJE starý "

Ekvivalent jQuery hasAttr () - Triky CSS

JQuery ve skutečnosti nemá funkci .hasAttr (). Můžete předpokládat, že ano, ale bohužel ne. Vlákno StackOverflow má nějaké docela dobré “

Načíst pouze část stránky - Triky CSS

Použít případ Chcete AJAX načíst část jiné stránky na vašem webu na aktuální stránku. Řekněme, že váš systém CMS eCommerce vytváří dynamickou nabídku „

Posouvejte stránku vodorovně pomocí kolečka myši Triky CSS

1) Načtěte jQuery a doplněk Mouse Wheel Plugin Mouse Wheel je zde. 2) Připojte událost kolečka myši k tělu „30“ představuje rychlost. preventDefault zajišťuje "

Načíst jQuery, pouze pokud není k dispozici Triky CSS

Řekněme, že se chystáte udělat zahrnutí na celou řadu stránek a uvnitř toho zahrnutí jste chtěli udělat nějaké věci specifické pro jQuery. Tato stránka může nebo „

Načítání jQuery - Triky CSS

Načíst pomocí Google API Přímý odkaz na Google Zkontrolovat, zda je načteno, pouze načíst, pokud není načteno var jQueryScriptOutputted = false; funkce initJQuery () (// pokud je

Konami kód - 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 Sticky Footer - Triky CSS

Obecně je CSS Sticky Footer nejlepší způsob, jak jít, protože funguje dokonale hladce a nevyžaduje JavaScript. Pokud požadované označení jednoduše není “

JQuery Zebra Stripe a Table - Triky CSS

$ ("tr: odd"). addClass ("odd"); Pak použijte nějaké CSS: .odd (background: #ccc;) "

Link Nudging - Triky CSS

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

Udržujte textové vstupy synchronizované - Triky CSS

Var $ vstupy = $ (". example-input"); $ inputs.keyup (function () ($ inputs.val ($ (this) .val ());)); Příklad"

Text jQuery Tweetify - Triky CSS

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

Šablona pluginu jQuery - Triky CSS

Nahraďte instance „yourPluginName“ skutečným názvem pluginu. Informace o „poloměru“ jsou jen příkladem možnosti (parametr pro předání pluginu). “

Získávání jQuery JSON s chybou chyby - Triky CSS

JQuery má vestavěnou funkci nazvanou getJSON (), která usnadňuje zjednodušení požadavků AJAX na data JSON. Normálně to funguje skvěle, ale pokud se tato funkce dostane "