Code Ausschnitte 2025, April

Standardeingabewert einstellen / löschen - CSS-Tricks

Standardeingabewert einstellen / löschen - CSS-Tricks

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

Serialisieren Sie das Formular in JSON - CSS-Tricks

Serialisieren Sie das Formular in 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 "

Listenelement nur auswählen, wenn keine andere Liste enthalten ist (und die oberste Ebene ist) - CSS-Tricks

Listenelement nur auswählen, wenn keine andere Liste enthalten ist (und die oberste Ebene ist) - CSS-Tricks

Mir ist klar, dass dies ziemlich spezifisch ist, aber ich musste diesen Selektor früher schreiben, um ein Problem zu beheben, und ich habe jQuery verwendet, weil der Selektor ziemlich fortgeschritten ist. "

Element nur auswählen, wenn Kinder nicht animiert sind - CSS-Tricks

Element nur auswählen, wenn Kinder nicht animiert sind - CSS-Tricks

Var myChildrenBehave = $ (". element"). filter (function () (var filtered = $ (this) .children (). not (": animiert"); return gefiltert;)); Dies wählt das Element "

Führen Sie JavaScript erst aus, nachdem die gesamte Seite geladen wurde CSS-Tricks

Führen Sie JavaScript erst aus, nachdem die gesamte Seite geladen wurde CSS-Tricks

$ (Fenster) .bind ("load", function () (// Code hier)); "

Suchen / Ersetzen - CSS-Tricks

Suchen / Ersetzen - CSS-Tricks

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

Teilweise Seitenaktualisierung - CSS-Tricks

Teilweise Seitenaktualisierung - CSS-Tricks

Das Aktualisieren bestimmter Elemente einer Seite mit jQuery nach einer festgelegten Zeit kann mit jedem Element mit einer ID verwendet werden. Ich habe das Beispiel mit dem "

Bestimmten Wert aus Array entfernen - CSS-Tricks

Bestimmten Wert aus Array entfernen - CSS-Tricks

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

Gesamte Div anklickbar machen - CSS-Tricks

Gesamte Div anklickbar machen - CSS-Tricks

Update November 2020: Ich denke, die bestmögliche Technik hierfür ist Methode 4 in diesem Artikel. Das

(oder welches Wrapper-Element auch immer) bleibt "

Persistente Überschriften auf Tabellen - CSS-Tricks

Persistente Überschriften auf Tabellen - CSS-Tricks

Wenn Sie eine Seite mit einer langen Tabelle nach unten scrollen, wird in der Regel die Kopfzeile der Tabelle entfernt und unbrauchbar. Dieser Code klont den Tabellenkopf "

Ereignisse einfügen - CSS-Tricks

Ereignisse einfügen - CSS-Tricks

$ .fn.pasteEvents = Funktion (Verzögerung) (if (Verzögerung == undefiniert) Verzögerung = 20; Rückgabe $ (this) .each (Funktion () (var $ el = $ (this); $ el.on ("Einfügen") ", function ()"

Passwortstärke - CSS-Tricks

Passwortstärke - CSS-Tricks

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

Verschobene Listenelemente an den Anfang der Liste verschieben - CSS-Tricks

Verschobene Listenelemente an den Anfang der Liste verschieben - CSS-Tricks

Angenommen, HTML lautet wie folgt: eins zwei drei Wenn Sie also auf "Zwei" klicken, verschieben Sie es an den Anfang der Liste. $ ("li"). click (function () ("

Externe Links in neuem Fenster öffnen - CSS-Tricks

Externe Links in neuem Fenster öffnen - CSS-Tricks

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

Bewegen Sie den Cursor zum Ende des Textbereichs oder der Eingabe - CSS-Tricks

Bewegen Sie den Cursor zum Ende des Textbereichs oder der Eingabe - CSS-Tricks

Code, um den Cursor an das Ende des aktuellen Textes in der Eingabe zu bewegen, anstatt an die Standardeinstellung (Hervorheben des Textes). Plugin Format "

OuterHTML jQuery Plugin - CSS-Tricks

OuterHTML jQuery Plugin - CSS-Tricks

InnerHTML () ist nativ und gibt den Inhalt eines DOM-Knotens zurück (z. B. lebe ich in einem div. OuterHTML () ist dies nicht, was den aktuellen DOM-Knoten enthalten würde.

Make jQuery: enthält Groß- und Kleinschreibung beachten - CSS-Tricks

Make jQuery: enthält Groß- und Kleinschreibung beachten - CSS-Tricks

NEUER Selektor jQuery.expr.Contains = Funktion (a, i, m) (Rückgabe von jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // ÜBERSCHREIBT alt "

Eine jQuery hasAttr () -Äquivalent - CSS-Tricks

Eine jQuery hasAttr () -Äquivalent - CSS-Tricks

JQuery hat nicht wirklich eine .hasAttr () -Funktion. Sie könnten annehmen, dass dies der Fall ist, aber leider nicht. Ein StackOverflow-Thread hat einige ziemlich gute "

Laden Sie nur einen Abschnitt einer Seite - CSS-Tricks

Laden Sie nur einen Abschnitt einer Seite - CSS-Tricks

Anwendungsfall Sie möchten, dass AJAX einen Abschnitt einer anderen Seite Ihrer Site auf die aktuelle Seite lädt. Angenommen, Ihr E-Commerce-CMS-System erstellt ein dynamisches Menü mit "

Seite horizontal mit Mausrad scrollen - CSS-Tricks

Seite horizontal mit Mausrad scrollen - CSS-Tricks

1) Laden Sie jQuery und das Mausrad-Plugin Das Mausrad-Plugin ist hier. 2) Befestigen Sie das Mausradereignis am Körper. Die "30" steht für Geschwindigkeit. PreventDefault sorgt für "

Laden Sie jQuery nur, wenn es nicht vorhanden ist CSS-Tricks

Laden Sie jQuery nur, wenn es nicht vorhanden ist CSS-Tricks

Angenommen, Sie wollten ein Include auf einer ganzen Reihe von Seiten erstellen, und innerhalb dieses Includes wollten Sie einige jQuery-spezifische Dinge tun. Diese Seite kann oder "

Laden von jQuery - CSS-Tricks

Laden von jQuery - CSS-Tricks

Laden mit Google API Direkter Link zu Google Prüfen, ob geladen, nur laden, wenn entladen var jQueryScriptOutputted = false; Funktion initJQuery () (// wenn die "

Konami Code - CSS-Tricks

Konami Code - CSS-Tricks

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

JQuery Sticky Footer - CSS-Tricks

JQuery Sticky Footer - CSS-Tricks

Im Allgemeinen ist die CSS Sticky Footer der beste Weg, da sie perfekt funktioniert und kein JavaScript erfordert. Wenn das erforderliche Markup einfach nicht "

JQuery Zebra Stripe a Table - CSS-Tricks

JQuery Zebra Stripe a Table - CSS-Tricks

$ ("tr: odd"). addClass ("odd"); Verwenden Sie dann CSS: .odd (Hintergrund: #ccc;) "

Link Nudging - CSS-Tricks

Link Nudging - CSS-Tricks

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

Halten Sie die Texteingaben synchron - CSS-Tricks

Halten Sie die Texteingaben synchron - CSS-Tricks

Var $ input = $ (". example-input"); $ inputs.keyup (function () ($ inputs.val ($ (this) .val ());)); Beispiel"

JQuery Tweetify Text - CSS-Tricks

JQuery Tweetify Text - CSS-Tricks

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

JQuery Plugin Vorlage - CSS-Tricks

JQuery Plugin Vorlage - CSS-Tricks

Ersetzen Sie Instanzen von "yourPluginName" durch Ihren tatsächlichen Plugin-Namen. Das Zeug über "Radius" ist nur ein Beispiel für eine Option (Parameter zum Übergeben des Plugins). "

JQuery JSON wird mit Fehler abgefangen - CSS-Tricks

JQuery JSON wird mit Fehler abgefangen - CSS-Tricks

JQuery verfügt über eine integrierte Funktion namens getJSON (), um AJAX-Anforderungen für JSON-Daten zu vereinfachen. Es funktioniert normalerweise großartig, aber wenn diese Funktion "