Fragmenty kodu 2025, Styczeń

Wyłącz / ponownie włącz wejścia - CSS-Tricks

Wyłącz / ponownie włącz wejścia - CSS-Tricks

Wyłącz: $ ("# przycisk przesyłania"). Attr ("wyłączone", prawda); Ponownie włącz: $ ("# submit-button"). RemoveAttr ("disabled"); "

Wyłącz łącza nadrzędne w nawigacji po zagnieżdżonych listach - CSS-Tricks

Wyłącz łącza nadrzędne w nawigacji po zagnieżdżonych listach - CSS-Tricks

Kod jQuery, który wyłącza łącza nadrzędne dla menu rozwijanych. Menu powinno być zbudowane jako listy zagnieżdżone, a łącze nadrzędne jest wyłączone. To pomaga"

Wykryj pierwszy widoczny element określonej klasy - CSS-Tricks

Wykryj pierwszy widoczny element określonej klasy - CSS-Tricks

Dodaje klasę „first” do pierwszego elementu, który ma klasę „activity” widoczną w oknie przeglądarki. $ (okno) .scroll (funkcja () (zmienna "

Przechodzenie przez listę - CSS-Tricks

Przechodzenie przez listę - CSS-Tricks

Ten kod będzie przechodzić przez nieuporządkowaną listę z identyfikatorem „lista rowerzystów”. Może być stosowany na dowolnym elemencie z dziećmi. Zastąp „ul # cyclelist li” znakiem „

Porównaj obiekty jQuery - CSS-Tricks

Porównaj obiekty jQuery - CSS-Tricks

Nie możesz naprawdę porównać, jeśli dwa obiekty jQuery są takie same ... if ($ (selectionOne) === $ (selectionTwo)) () Możesz jednak porównywać obiekty DOM ... if "

Połącz funkcje przesuwania i ściemniania - CSS-Tricks

Połącz funkcje przesuwania i ściemniania - CSS-Tricks

$ .fn.slideFadeToggle = function (speed, easing, callback) (return this.animate ((opacity: 'toggle', height: 'toggle'), speed, easing, callback);); Stosowanie"

Kliknij Raz i Odłącz - CSS-Tricks

Kliknij Raz i Odłącz - CSS-Tricks

Niech coś się wydarzy w przypadku kliknięcia, ale tylko raz! Odłącz moduł obsługi kliknięcia po jednokrotnym kliknięciu elementu. $ ('# my-selector'). bind ('click', "

Wyczyść domyślny ciąg wyszukiwania przy fokusie - CSS-Tricks

Wyczyść domyślny ciąg wyszukiwania przy fokusie - CSS-Tricks

$ ("# s") .val ("Wyszukaj ...") .css ("kolor", "#ccc") .focus (funkcja () ($ (this) .css ("kolor", "czarny" ); if ($ (this) .val () == "Wyszukaj ...") ($ (this) .val ("");) "

Wyczyść wejście pliku - CSS-Tricks

Wyczyść wejście pliku - CSS-Tricks

Możesz go po prostu sklonować i zastąpić nim samym, z dołączonymi wszystkimi wydarzeniami. var input = $ ("# control"); function something_happens () ("

Sprawdź, czy jQuery jest załadowany - CSS-Tricks

Sprawdź, czy jQuery jest załadowany - CSS-Tricks

If (typeof jQuery == 'undefined') (// jQuery NIE JEST załadowany, zrób to tutaj.) "

Sprawdź, czy zdarzenie zostało wyzwolone, czy natywne - CSS-Tricks

Sprawdź, czy zdarzenie zostało wyzwolone, czy natywne - CSS-Tricks

$ ('button'). click (function (event, wasTriggered) (if (wasTriggered) (alert ('triggered in code');) else (alert ('triggered by mouse');))); "

Sprawdź, czy element istnieje - CSS-Tricks

Sprawdź, czy element istnieje - CSS-Tricks

If ($ ('# myElement'). length> 0) (// istnieje) Lub uczynić z niej wymyślną funkcję z callback: // Tiny jQuery Plugin // autorstwa Chrisa Goodchilda $ .fn.exists = "

Sprawdź, czy pole wyboru jest zaznaczone - CSS-Tricks

Sprawdź, czy pole wyboru jest zaznaczone - CSS-Tricks

Powiedz, że 10 razy szybko =). Dowiedz się, czy pojedyncze pole wyboru jest zaznaczone, czy nie, zwraca prawdę lub fałsz: $ ('# checkBox'). Attr ('zaznaczone'); Znajdź wszystkie zaznaczone "

Zmień WMode za pomocą jQuery - CSS-Tricks

Zmień WMode za pomocą jQuery - CSS-Tricks

Jeśli nie ustawisz wmode na osadzenie flash, będzie on unosił się nad nakładką, co może być całkiem sporym problemem. Jest to idealne rozwiązanie w środowisku z „

Wykrywanie przeglądarki + Zastosuj klasy do elementu HTML - CSS-Tricks

Wykrywanie przeglądarki + Zastosuj klasy do elementu HTML - CSS-Tricks

JQBrowser v0.2: http://davecardwell.co.uk/javascript/jquery/plugins/jquery-browserdetect/ eval (function (p, a, c, k, e, d) (e = function (c) (powrót (c "

Sprawdź puste elementy - CSS-Tricks

Sprawdź puste elementy - CSS-Tricks

Zrób coś dla każdego znalezionego pustego elementu: $ ('*'). Each (function () (if ($ (this) .text () == "") (// Zrób coś))); PRAWDA lub FAŁSZ, jeśli element jest pusty: „

Lepsza obsługa uszkodzonych obrazów - CSS-Tricks

Lepsza obsługa uszkodzonych obrazów - CSS-Tricks

Brakujące obrazy albo po prostu nic nie wyświetlą, albo wyświetlą pole stylu, gdy nie można znaleźć ich źródła. Zamiast tego możesz zamienić to na „

Oblicz odległość między myszą a elementem - CSS-Tricks

Oblicz odległość między myszą a elementem - CSS-Tricks

(function () (var mX, mY, distance, $ distance = $ ('# distance span'), $ element = $ ('# element'); function calculatorDistance (elem, mouseX, mouseY) (return "

Dołącz nakładkę witryny DIV - CSS-Tricks

Dołącz nakładkę witryny DIV - CSS-Tricks

$ (function () (var docHeight = $ (dokument) .height (); $ ("body"). append (""); $ ("# overlay") .height (docHeight) .css (('opacity') : 0,4, 'pozycja': "

Automatycznie odnajduj łącza do dokumentów i zastosuj klasę - CSS-Tricks

Automatycznie odnajduj łącza do dokumentów i zastosuj klasę - CSS-Tricks

$ ('a'). each (function () (if ((C = $ (this) .attr ('href'). match (/ (doc | xls | pdf) $ /))) ($ (this) .addClass (C);))); Spowoduje to przejrzenie każdego elementu w „

Dodaj nieprzerwaną przestrzeń w tytule, aby zapobiec wdowom - CSS-Tricks

Dodaj nieprzerwaną przestrzeń w tytule, aby zapobiec wdowom - CSS-Tricks

$ ("h2"). each (function () (var wordArray = $ (this) .text (). split (""); var finalTitle = ""; for (i = 0; i "

Animuj wysokość / szerokość na „Auto” - CSS-Tricks

Animuj wysokość / szerokość na „Auto” - CSS-Tricks

Nie można zrobić rzeczy.animate (("height": "auto")) ;. Więc to jest metoda Darcy'ego Clarke'a, aby to zadziałało. Zasadniczo klonujesz element, "

Dodaj: nth-of-type do jQuery - CSS-Tricks

Dodaj: nth-of-type do jQuery - CSS-Tricks

$ .expr = function (elem, i, match) (var parts = match.split ("+"); return (i + 1 - (parts || 0))% parseInt (parts, 10) === 0; ); Zobacz oryginalny artykuł „

Unescape HTML w JS - CSS-Tricks

Unescape HTML w JS - CSS-Tricks

Function htmlDecode (input) (var e = document.createElement ('div'); e.innerHTML = input; return e.childNodes.length === 0? "": e.childNodes.nodeValue;) "

Dodawanie / usuwanie klasy po najechaniu kursorem - CSS-Tricks

Dodawanie / usuwanie klasy po najechaniu kursorem - CSS-Tricks

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) To zadziała w każdej przeglądarce na dowolnym elemencie, aby „

Dodaj klasę aktywnej nawigacji na podstawie adresu URL - CSS-Tricks

Dodaj klasę aktywnej nawigacji na podstawie adresu URL - CSS-Tricks

Idealnie byłoby, gdybyś wypisał tę klasę po stronie serwera, ale jeśli nie możesz ... Powiedzmy, że masz taką nawigację: Strona główna O klientach Skontaktuj się z nami I jesteś "

Rozmiar widocznego obszaru, rozdzielczość ekranu, pozycja myszy - CSS-Tricks

Rozmiar widocznego obszaru, rozdzielczość ekranu, pozycja myszy - CSS-Tricks

Ten kod jest kompatybilny z różnymi przeglądarkami i sprawdza wymiary widocznego obszaru, rozdzielczość ekranu i położenie myszy, co może być bardzo pomocne w "

Zakładka z licznikiem słów - CSS-Tricks

Zakładka z licznikiem słów - CSS-Tricks

Dodaj do paska zakładek, zaznacz tekst i kliknij, aby uzyskać liczbę słów. Policz słowa Zakładka Policz słowa

Przytnij pierwsze / ostatnie znaki w ciągu - CSS-Tricks

Przytnij pierwsze / ostatnie znaki w ciągu - CSS-Tricks

Usuń ostatnie cztery znaki var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString to teraz „abc” Usuń pierwsze dwa ”