Codefragmenten 2025, Januari-

Ingangen uitschakelen / opnieuw inschakelen - CSS-trucs

Ingangen uitschakelen / opnieuw inschakelen - CSS-trucs

Uitschakelen: $ ("# submit-knop"). Attr ("uitgeschakeld", true); Opnieuw inschakelen: $ ("# submit-button"). RemoveAttr ("uitgeschakeld"); "

Schakel bovenliggende koppelingen uit in geneste lijstnavigatie - CSS-trucs

Schakel bovenliggende koppelingen uit in geneste lijstnavigatie - CSS-trucs

JQuery-code die bovenliggende koppelingen voor vervolgkeuzemenu's uitschakelt. Het menu moet worden opgebouwd als geneste lijsten en de bovenliggende link is uitgeschakeld. Dit helpt"

Detecteer eerste zichtbare element van bepaalde klasse - CSS-trucs

Detecteer eerste zichtbare element van bepaalde klasse - CSS-trucs

Voegt een klasse "eerste" toe aan het eerste element met een klasse "activiteit" die zichtbaar is in het browservenster. $ (window) .scroll (function () (var "

Door een lijst bladeren - CSS-trucs

Door een lijst bladeren - CSS-trucs

Deze code loopt door een ongeordende lijst met als ID 'fietser'. Kan op elk element met kinderen worden gebruikt. Vervang 'ul # cyclelist li' door de '

Vergelijk jQuery Objects - CSS-trucs

Vergelijk jQuery Objects - CSS-trucs

Je kunt niet echt vergelijken als twee jQuery-objecten hetzelfde zijn ... if ($ (selectionOne) === $ (selectionTwo)) () Je kunt DOM-objecten echter wel vergelijken ... if "

Combineer dia- en fade-functies - CSS-trucs

Combineer dia- en fade-functies - CSS-trucs

$ .fn.slideFadeToggle = functie (snelheid, versnelling, terugbellen) (retourneer this.animate ((dekking: 'toggle', hoogte: 'toggle'), snelheid, versnelling, terugbellen);); Gebruik"

Klik op Eenmalig en losmaken - CSS-trucs

Klik op Eenmalig en losmaken - CSS-trucs

Laat iets gebeuren tijdens een klikgebeurtenis, maar slechts één keer! Maak de klikhandler los nadat er eenmaal op het element is geklikt. $ ('# my-selector'). bind ('klik', "

Wis standaardzoekreeks op focus - CSS-trucs

Wis standaardzoekreeks op focus - CSS-trucs

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

Wis een bestandsinvoer - CSS-trucs

Wis een bestandsinvoer - CSS-trucs

Je kunt het gewoon klonen en door zichzelf vervangen, met alle gebeurtenissen er nog bij. var input = $ ("# control"); functie something_happens () ("

Controleer of jQuery is geladen - CSS-trucs

Controleer of jQuery is geladen - CSS-trucs

If (typeof jQuery == 'undefined') (// jQuery IS NIET geladen, doe hier dingen.) "

Controleer of de gebeurtenis is geactiveerd of native - CSS-trucs

Controleer of de gebeurtenis is geactiveerd of native - CSS-trucs

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

Controleer of het element bestaat - CSS-trucs

Controleer of het element bestaat - CSS-trucs

If ($ ('# myElement'). length> 0) (// het bestaat) Of om er een mooie functie van te maken met een callback: // Tiny jQuery Plugin // door Chris Goodchild $ .fn.exists = "

Controleer of het selectievakje is aangevinkt - CSS-trucs

Controleer of het selectievakje is aangevinkt - CSS-trucs

Zeg dat 10 keer snel =). Zoek uit of een enkel selectievakje is aangevinkt of niet, retourneert true of false: $ ('# checkBox'). Attr ('gecontroleerd'); Alles aangevinkt '

Verander WMode met jQuery - CSS-trucs

Verander WMode met jQuery - CSS-trucs

Als je de wmode niet instelt op een flash-embed, zal deze over de bovenkant van een overlay zweven, wat een behoorlijk groot probleem kan zijn. Dit is ideaal in een omgeving met "

Browserdetectie + Klassen toepassen op HTML-element - CSS-trucs

Browserdetectie + Klassen toepassen op HTML-element - CSS-trucs

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

Controleer op lege elementen - CSS-trucs

Controleer op lege elementen - CSS-trucs

Doe iets voor elk gevonden leeg element: $ ('*'). Each (function () (if ($ (this) .text () == "") (// Doe iets))); TRUE of FALSE als element leeg is: "

Beter omgaan met gebroken afbeeldingen - CSS-trucs

Beter omgaan met gebroken afbeeldingen - CSS-trucs

Ontbrekende afbeeldingen zullen ofwel niets weergeven, ofwel een stijlvak weergeven wanneer de bron niet kan worden gevonden. In plaats daarvan wilt u dat misschien vervangen door een '

Bereken afstand tussen muis en element - CSS-trucs

Bereken afstand tussen muis en element - CSS-trucs

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

Site-overlay DIV - toevoegen CSS-trucs

Site-overlay DIV - toevoegen CSS-trucs

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

Automatisch documentkoppelingen ontdekken en klasse toepassen - CSS-trucs

Automatisch documentkoppelingen ontdekken en klasse toepassen - CSS-trucs

$ ('a'). each (function () (if ((C = $ (this) .attr ('href'). match (/ (doc | xls | pdf) $ /))) ($ (this) .addClass (C);))); Hiermee wordt door elk element op de "

Voeg niet-afbrekende ruimte toe aan titel om weduwen te voorkomen - CSS-trucs

Voeg niet-afbrekende ruimte toe aan titel om weduwen te voorkomen - CSS-trucs

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

Animeer hoogte / breedte naar "Auto" - CSS-trucs

Animeer hoogte / breedte naar "Auto" - CSS-trucs

Het is niet mogelijk om thing.animate (("height": "auto")); te doen. Dit is dus de methode van Darcy Clarke om dat te laten werken. Je kloont in wezen het element, "

Voeg toe: nth-of-type aan jQuery - CSS-trucs

Voeg toe: nth-of-type aan jQuery - CSS-trucs

$ .expr = function (elem, i, match) (var parts = match.split ("+"); return (i + 1 - (parts || 0))% parseInt (parts, 10) === 0; ); Zie het originele artikel "

Ontsnap HTML in JS - CSS-trucs

Ontsnap HTML in JS - CSS-trucs

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

Klasse toevoegen / verwijderen op Hover - CSS-trucs

Klasse toevoegen / verwijderen op Hover - CSS-trucs

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) Dit werkt in elke browser op elk element, naar "

Actieve navigatieklasse toevoegen op basis van URL - CSS-trucs

Actieve navigatieklasse toevoegen op basis van URL - CSS-trucs

Idealiter voer je deze klasse uit vanaf de server, maar als je dat niet kunt ... Laten we zeggen dat je navigatie als volgt hebt: Home Over klanten Contact opnemen En je bent "

Viewport-grootte, schermresolutie, muispositie - CSS-trucs

Viewport-grootte, schermresolutie, muispositie - CSS-trucs

Deze code is compatibel met meerdere browsers en controleert de afmetingen van de viewport, de schermresolutie en de muispositie, wat erg handig kan zijn om "

Woordentelling Bookmarklet - CSS-trucs

Woordentelling Bookmarklet - CSS-trucs

Voeg toe aan bladwijzerbalk, selecteer tekst, klik erop om het aantal woorden te zien. Woorden tellen Bookmarklet Woorden tellen

Trim eerste / laatste tekens in tekenreeks - CSS-trucs

Trim eerste / laatste tekens in tekenreeks - CSS-trucs

Verwijder de laatste vier tekens var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString is nu "abc" Verwijder eerste twee "