Code Ausschnitte 2025, April

Eingänge deaktivieren / wieder aktivieren - CSS-Tricks

Eingänge deaktivieren / wieder aktivieren - CSS-Tricks

Deaktivieren: $ ("# submit-button"). Attr ("disabled", true); Erneut aktivieren: $ ("# submit-button"). RemoveAttr ("disabled"); "

Deaktivieren Sie übergeordnete Links in der Navigation mit verschachtelten Listen CSS-Tricks

Deaktivieren Sie übergeordnete Links in der Navigation mit verschachtelten Listen CSS-Tricks

JQuery-Code, der übergeordnete Links für Dropdown-Menüs deaktiviert. Das Menü sollte als verschachtelte Listen erstellt werden und der übergeordnete Link ist deaktiviert. Das hilft"

Erkennen Sie das erste sichtbare Element einer bestimmten Klasse CSS-Tricks

Erkennen Sie das erste sichtbare Element einer bestimmten Klasse CSS-Tricks

Fügt dem ersten Element eine Klasse von "first" hinzu, die eine Klasse von "activity" enthält, die im Browserfenster angezeigt wird. $ (Fenster) .scroll (Funktion () (var "

Durch eine Liste blättern - CSS-Tricks

Durch eine Liste blättern - CSS-Tricks

Dieser Code durchläuft eine ungeordnete Liste mit der ID 'Cyclelist'. Kann für jedes Element mit Kindern verwendet werden. Ersetzen Sie "ul # cyclelist li" durch "

Vergleichen Sie jQuery-Objekte - CSS-Tricks

Vergleichen Sie jQuery-Objekte - CSS-Tricks

Sie können nicht wirklich vergleichen, ob zwei jQuery-Objekte gleich sind ... if ($ (selectionOne) === $ (selectionTwo)) () Sie können DOM-Objekte jedoch vergleichen ... if "

Folien- und Überblendfunktionen kombinieren - CSS-Tricks

Folien- und Überblendfunktionen kombinieren - CSS-Tricks

$ .fn.slideFadeToggle = Funktion (Geschwindigkeit, Beschleunigung, Rückruf) (return this.animate ((Deckkraft: 'Umschalten', Höhe: 'Umschalten'), Geschwindigkeit, Beschleunigung, Rückruf);); Verwendung"

Klicken Sie auf Einmal und binden Sie - CSS-Tricks

Klicken Sie auf Einmal und binden Sie - CSS-Tricks

Lassen Sie bei einem Klickereignis etwas passieren, aber nur einmal! Lösen Sie die Bindung des Klick-Handlers, nachdem Sie einmal auf das Element geklickt haben. $ ('# my-selector'). bind ('click', "

Standard-Suchzeichenfolge im Fokus löschen - CSS-Tricks

Standard-Suchzeichenfolge im Fokus löschen - CSS-Tricks

$ ("# s") .val ("Search ...") .css ("color", "#ccc") .focus (function () ($ (this) .css ("color", "black") ); if ($ (this) .val () == "Search ...") ($ (this) .val ("");) "

Dateieingabe löschen - CSS-Tricks

Dateieingabe löschen - CSS-Tricks

Sie können es einfach klonen und durch sich selbst ersetzen, wobei alle Ereignisse noch angehängt sind. var input = $ ("# control"); Funktion Something_happens () ("

Überprüfen Sie, ob jQuery geladen ist CSS-Tricks

Überprüfen Sie, ob jQuery geladen ist CSS-Tricks

If (typeof jQuery == 'undefined') (// jQuery wird NICHT geladen, mach hier was.) "

Überprüfen Sie, ob das Ereignis ausgelöst oder nativ war CSS-Tricks

Überprüfen Sie, ob das Ereignis ausgelöst oder nativ war CSS-Tricks

$ ('button'). click (function (event, wasTriggered) (if (wasTriggered) (alert ('im Code ausgelöst');) else (alert ('mit der Maus ausgelöst');))); "

Überprüfen Sie, ob das Element vorhanden ist CSS-Tricks

Überprüfen Sie, ob das Element vorhanden ist CSS-Tricks

If ($ ('# myElement'). length> 0) (// es existiert) Oder um es zu einer ausgefallenen Funktion mit einem Rückruf zu machen: // Tiny jQuery Plugin // von Chris Goodchild $ .fn.exists = "

Überprüfen Sie, ob das Kontrollkästchen aktiviert ist CSS-Tricks

Überprüfen Sie, ob das Kontrollkästchen aktiviert ist CSS-Tricks

Sagen Sie das 10 mal schnell =). Finden Sie heraus, ob ein einzelnes Kontrollkästchen aktiviert ist oder nicht, und geben Sie true oder false zurück: $ ('# checkBox'). Attr ('checked'); Finde alles markiert "

Ändern Sie WMode mit jQuery - CSS-Tricks

Ändern Sie WMode mit jQuery - CSS-Tricks

Wenn Sie den wmode nicht auf eine Flash-Einbettung einstellen, schwebt er über einem Overlay, was eine ziemlich große Sache sein kann. Dies ist ideal in Umgebungen mit "

Browsererkennung + Klassen auf HTML-Element anwenden - CSS-Tricks

Browsererkennung + Klassen auf HTML-Element anwenden - CSS-Tricks

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

Auf leere Elemente prüfen - CSS-Tricks

Auf leere Elemente prüfen - CSS-Tricks

Tun Sie etwas für jedes gefundene leere Element: $ ('*'). Each (function () (if ($ (this) .text () == "") (// Do Something))); TRUE oder FALSE, wenn das Element leer ist: "

Bessere Handhabung gebrochener Bilder CSS-Tricks

Bessere Handhabung gebrochener Bilder CSS-Tricks

Fehlende Bilder zeigen entweder nur nichts an oder ein Stilfeld, wenn ihre Quelle nicht gefunden werden kann. Stattdessen möchten Sie dies möglicherweise durch ein "

Abstand zwischen Maus und Element berechnen - CSS-Tricks

Abstand zwischen Maus und Element berechnen - CSS-Tricks

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

Site Overlay anhängen DIV - CSS-Tricks

Site Overlay anhängen DIV - CSS-Tricks

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

Dokumentverknüpfungen automatisch erkennen und Klasse anwenden - CSS-Tricks

Dokumentverknüpfungen automatisch erkennen und Klasse anwenden - CSS-Tricks

$ ('a'). each (function () (if ((C = $ (this) .attr ('href'). match (/ (doc | xls | pdf) $ /)) ($ (this)) .addClass (C);))); Dies wird durch jedes Element auf der "

Fügen Sie nicht unterbrechenden Platz auf dem Titel hinzu, um Witwen zu verhindern CSS-Tricks

Fügen Sie nicht unterbrechenden Platz auf dem Titel hinzu, um Witwen zu verhindern CSS-Tricks

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

Höhe / Breite auf "Auto" - animieren CSS-Tricks

Höhe / Breite auf "Auto" - animieren CSS-Tricks

Es ist nicht möglich, thing.animate (("height": "auto")) zu tun. Das ist also Darcy Clarkes Methode, damit das funktioniert. Sie klonen im Wesentlichen das Element "

Add: nth-of-type zu jQuery - CSS-Tricks

Add: nth-of-type zu jQuery - CSS-Tricks

$ .expr = Funktion (elem, i, match) (var parts = match.split ("+"); return (i + 1 - (parts || 0))% parseInt (parts, 10) === 0; ); Siehe Originalartikel "

Unescape HTML in JS - CSS-Tricks

Unescape HTML in JS - CSS-Tricks

Funktion htmlDecode (Eingabe) (var e = document.createElement ('div'); e.innerHTML = Eingabe; Rückgabe von e.childNodes.length === 0? "": e.childNodes.nodeValue;) "

Hinzufügen / Entfernen einer Klasse beim Schweben - CSS-Tricks

Hinzufügen / Entfernen einer Klasse beim Schweben - CSS-Tricks

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) Dies funktioniert in jedem Browser auf jedem Element zu "

Aktive Navigationsklasse basierend auf URL hinzufügen - CSS-Tricks

Aktive Navigationsklasse basierend auf URL hinzufügen - CSS-Tricks

Idealerweise geben Sie diese Klasse von der Serverseite aus, aber wenn Sie nicht können ... Nehmen wir an, Sie haben eine Navigation wie diese: Startseite Über Clients Kontaktieren Sie uns und Sie sind "

Ansichtsfenstergröße, Bildschirmauflösung, Mausposition - CSS-Tricks

Ansichtsfenstergröße, Bildschirmauflösung, Mausposition - CSS-Tricks

Dieser Code ist browserübergreifend kompatibel und überprüft die Abmessungen des Ansichtsfensters, die Bildschirmauflösung und die Mausposition, was sehr hilfreich sein kann. "

Word Count Bookmarklet - CSS-Tricks

Word Count Bookmarklet - CSS-Tricks

Zur Lesezeichenleiste hinzufügen, Text auswählen und darauf klicken, um die Wortanzahl abzurufen. Wörter zählen Lesezeichen Wörter zählen

Trimmen Sie die ersten / letzten Zeichen in String - CSS-Tricks

Trimmen Sie die ersten / letzten Zeichen in String - CSS-Tricks

Entfernen Sie die letzten vier Zeichen var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString ist jetzt "abc" Erste zwei entfernen "