Fragmenty kodu 2025, Styczeń

Ustaw / wyczyść domyślną wartość wejściową - CSS-Tricks

Ustaw / wyczyść domyślną wartość wejściową - CSS-Tricks

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

Serializuj formularz do JSON - CSS-Tricks

Serializuj formularz do 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 "

Wybierz pozycję listy tylko wtedy, gdy nie zawiera innej listy (i znajduje się na najwyższym poziomie) - CSS-Tricks

Wybierz pozycję listy tylko wtedy, gdy nie zawiera innej listy (i znajduje się na najwyższym poziomie) - CSS-Tricks

Zdaję sobie sprawę, że jest to dość specyficzne, ale musiałem wcześniej napisać ten selektor, aby naprawić problem, i użyłem jQuery, ponieważ selektor jest dość zaawansowany ”

Wybierz element tylko wtedy, gdy dzieci nie są animowane - CSS-Tricks

Wybierz element tylko wtedy, gdy dzieci nie są animowane - CSS-Tricks

Var myChildrenBehave = $ (". element"). filter (function () (var filter = $ (this) .children (). not (": animated"); return filter;)); Spowoduje to wybranie elementu „

Uruchom JavaScript tylko po załadowaniu całej strony - CSS-Tricks

Uruchom JavaScript tylko po załadowaniu całej strony - CSS-Tricks

$ (window) .bind ("load", function () (// kod tutaj)); "

Wyszukaj / zamień - CSS-Tricks

Wyszukaj / zamień - CSS-Tricks

JQuery (function () (jQuery (": zawiera (ZNAJDŹ)"). not (": has (: zawiera (ZNAJDŹ))"). each (function () (var that = $ (this), html = that. html (); html = "

Częściowe odświeżanie strony - CSS-Tricks

Częściowe odświeżanie strony - CSS-Tricks

Odśwież niektóre elementy strony za pomocą jQuery po określonym czasie, może być używane z dowolnym elementem o identyfikatorze. Poprawiłem podany przykład za pomocą opcji „

Usuń określoną wartość z tablicy - CSS-Tricks

Usuń określoną wartość z tablicy - CSS-Tricks

Var arr =; var removeItem = 2; arr = $ .grep (arr, function (wartość) (wartość zwracana! = removeItem;)); "

Włącz klikalność całego DIV - CSS-Tricks

Włącz klikalność całego DIV - CSS-Tricks

Aktualizacja z listopada 2020 r .: Myślę, że najlepszą możliwą techniką jest metoda 4 w tym artykule.

(lub jakikolwiek inny element opakowania) pozostaje "

Trwałe nagłówki na stołach - CSS-Tricks

Trwałe nagłówki na stołach - CSS-Tricks

Kiedy przewijasz stronę z długą tabelą, zazwyczaj nagłówek tabeli jest przewijany i staje się bezużyteczny. Ten kod klonuje nagłówek tabeli „

Wklej wydarzenia - CSS-Tricks

Wklej wydarzenia - CSS-Tricks

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

Siła hasła - CSS-Tricks

Siła hasła - CSS-Tricks

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

Przenieś kliknięte elementy listy na górę listy - CSS-Tricks

Przenieś kliknięte elementy listy na górę listy - CSS-Tricks

Zakładając, że HTML wygląda tak: jeden dwa trzy Więc jeśli klikniesz „Dwa”, przenieś go na górę listy. $ ("li"). click (function () ("

Otwórz linki zewnętrzne w nowym oknie - CSS-Tricks

Otwórz linki zewnętrzne w nowym oknie - CSS-Tricks

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

Przenieś kursor na koniec obszaru tekstowego lub wejścia - CSS-Tricks

Przenieś kursor na koniec obszaru tekstowego lub wejścia - CSS-Tricks

Kod przenoszący kursor na koniec bieżącego tekstu w danych wejściowych, a nie domyślny (podświetlanie tekstu). Format wtyczki ”

Zewnętrzna wtyczka jQuery - CSS-Tricks

Zewnętrzna wtyczka jQuery - CSS-Tricks

InnerHTML () jest natywna i zwraca zawartość węzła DOM (np. mieszkam w div .. externalHTML () nie jest, co obejmowałoby aktualny węzeł DOM "

Make jQuery: zawiera bez rozróżniania wielkości liter - CSS-Tricks

Make jQuery: zawiera bez rozróżniania wielkości liter - CSS-Tricks

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

Odpowiednik jQuery hasAttr () - CSS-Tricks

Odpowiednik jQuery hasAttr () - CSS-Tricks

JQuery tak naprawdę nie ma funkcji .hasAttr (). Możesz założyć, że tak, ale niestety tak nie jest. Wątek StackOverflow ma całkiem niezłe wyniki ”

Załaduj tylko sekcję strony - CSS-Tricks

Załaduj tylko sekcję strony - CSS-Tricks

Przykład zastosowania Chcesz, aby AJAX załadował sekcję innej strony witryny na bieżącą stronę. Załóżmy, że Twój system eCommerce CMS tworzy dynamiczne menu „

Przewiń stronę w poziomie za pomocą kółka myszy - CSS-Tricks

Przewiń stronę w poziomie za pomocą kółka myszy - CSS-Tricks

1) Załaduj jQuery i wtyczkę Mouse Wheel Wtyczka Mouse Wheel jest tutaj. 2) Dołącz zdarzenie kółko myszy do ciała. „30” oznacza prędkość. PreventDefault zapewnia „

Załaduj jQuery tylko wtedy, gdy nie jest obecny - CSS-Tricks

Załaduj jQuery tylko wtedy, gdy nie jest obecny - CSS-Tricks

Powiedzmy, że zamierzasz zrobić dołączenie na wielu stronach, a wewnątrz tego chcesz zrobić coś specyficznego dla jQuery. Ta strona może lub „

Ładowanie jQuery - CSS-Tricks

Ładowanie jQuery - CSS-Tricks

Załaduj za pomocą interfejsu API Google Bezpośredni link do Google Check, jeśli jest załadowany, ładuj tylko, jeśli nie jest załadowany var jQueryScriptOutputted = false; function initJQuery () (// jeśli „

Kod Konami - CSS-Tricks

Kod Konami - CSS-Tricks

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

JQuery Sticky Footer - CSS-Tricks

JQuery Sticky Footer - CSS-Tricks

Ogólnie rzecz biorąc, lepsza stopka CSS jest najlepszym rozwiązaniem, ponieważ działa idealnie płynnie i nie wymaga JavaScript. Jeśli wymagany znacznik po prostu nie jest „

JQuery Zebra Stripe a Table - CSS-Tricks

JQuery Zebra Stripe a Table - CSS-Tricks

$ ("tr: odd"). addClass ("odd"); Następnie użyj CSS: .odd (background: #ccc;) "

Podsuwanie linków - CSS-Tricks

Podsuwanie linków - CSS-Tricks

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

Zachowaj synchronizację wprowadzania tekstu - CSS-Tricks

Zachowaj synchronizację wprowadzania tekstu - CSS-Tricks

Var $ input = $ (". przykład-wejście"); $ inputs.keyup (function () ($ inputs.val ($ (this) .val ());)); Przykład"

JQuery Tweetify Text - CSS-Tricks

JQuery Tweetify Text - CSS-Tricks

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

Szablon wtyczki jQuery - CSS-Tricks

Szablon wtyczki jQuery - CSS-Tricks

Zastąp wystąpienia „yourPluginName” rzeczywistą nazwą wtyczki. Kwestia "promienia" to tylko przykład opcji (parametr do przekazania wtyczki). "

JQuery JSON z przechwytywaniem błędów - CSS-Tricks

JQuery JSON z przechwytywaniem błędów - CSS-Tricks

JQuery ma wbudowaną funkcję o nazwie getJSON (), która ułatwia tworzenie żądań AJAX dotyczących danych JSON. Zwykle działa świetnie, ale jeśli ta funkcja otrzyma „