Kodavsnitt 2025, September

Infoga element mellan andra element CSS-tricks

Infoga element mellan andra element CSS-tricks

Till exempel, om du har fem stycken i rad och du måste infoga en bryttagg mellan dem alla. Du kan inte lägga det före alla fem (du "

Ingångar som minns originalvärde CSS-tricks

Ingångar som minns originalvärde CSS-tricks

Var origValue = (); $ ('input.remember'). varje (funktion (currentIndex) (origValue.push ($ (this) .val ()); $ (this) .focus (function () ("

Bildförladdare - CSS-tricks

Bildförladdare - CSS-tricks

Mycket enkelt sätt att förinstallera bilder som behövs senare (t.ex. när en svävar utförs) $ .preloadImages = function () (för (var i = 0; i "

Markera relaterad etikett när inmatning i fokus - CSS-tricks

Markera relaterad etikett när inmatning i fokus - CSS-tricks

$ ("form: input"). fokus (funktion () ($ ("label"). addClass ("labelfocus");)) oskärpa (function () ($ ("label"). removeClass ("labelfocus" );)); "

Markera alla länkar till aktuell sida - CSS-tricks

Markera alla länkar till aktuell sida - CSS-tricks

$ (funktion () ($ ("a"). varje (funktion () (om ($ (detta) .attr ("href") == window.location.pathname) ($ (detta) .addClass ("vald ");)));)); Denna funktion kommer att "

Hämta X, Y-koordinater för musen i rutan - CSS-tricks

Hämta X, Y-koordinater för musen i rutan - CSS-tricks

Koden nedan ger dig X-, Y-koordinaterna för ett musklick i en viss ruta. Att ta bort alla saker om offset, du kan enkelt få X, "

Åtgärda .load () i IE för cachade bilder - CSS-tricks

Åtgärda .load () i IE för cachade bilder - CSS-tricks

.Load () -funktionen utlöses när elementet det kallas på är fullastat. Det används ofta på bilder, som kanske inte är fulladdade när "

Hämta frågeställningar som objekt - CSS-tricks

Hämta frågeställningar som objekt - CSS-tricks

Nicholas Ortenzio skrev detta lilla tillägg: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Få en inbyggd bredd för bilder - CSS-tricks

Få en inbyggd bredd för bilder - CSS-tricks

Om du väljer och avbildar med jQuery och sedan använder .width () får du bildernas nuvarande bredd, även om den har skalats (t.ex. maxbredd: 100%;). Du kan"

Fixa IE z-index - CSS-tricks

Fixa IE z-index - CSS-tricks

Detta är inte en slutlig lösning för att fixa alla konstiga IE z-indexproblem, men det kan verkligen hjälpa under vissa omständigheter. Vad den gör är att gå igenom "

Tona ut bilden till en annan bild - CSS-tricks

Tona ut bilden till en annan bild - CSS-tricks

Gör en div som är den exakta storleken på bilden. Denna div kommer att ha en bakgrundsbild applicerad på den andra bilden. Lägg sedan in en inbyggd bild inuti "

Tvinga en Iframe att ladda om - CSS-tricks

Tvinga en Iframe att ladda om - CSS-tricks

Du kan trycka på src: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Fixa Välj Dropdown Cutoff i IE 7 - CSS-tricks

Fixa Välj Dropdown Cutoff i IE 7 - CSS-tricks

Kör (åtminstone delen "Användning" nedan) efter att du har laddat jQuery och antingen i slutet av sidan eller i ett DOM-klart uttalande. Observera att den här åtgärden inte "

Fix Min / Max-bredd för webbläsare utan inbyggt stöd - CSS-tricks

Fix Min / Max-bredd för webbläsare utan inbyggt stöd - CSS-tricks

Detta skript kontrollerar alla element med en klass av .fixMinMaxwidth och observerar fönstret. Den tillämpas endast på webbläsare utan inbyggd min / max-bredd "

Ändra storlek på Iframe för att passa innehåll (endast samma domän) - CSS-tricks

Ändra storlek på Iframe för att passa innehåll (endast samma domän) - CSS-tricks

Normalt ställer du in och bredd och höjd för iframes. Om innehållet inuti är större måste rullstaplar räcka. Skriptet nedan försöker fixa det med "

Brandhändelse när användaren är inaktiv - CSS-tricks

Brandhändelse när användaren är inaktiv - CSS-tricks

Se de två kommenterade raderna nedan, det är där du kan infoga kod för saker att göra när användaren går inaktiv och när användaren kommer tillbaka. Ställ in tomgång

Hitta och slå in tecken - CSS-tricks

Hitta och slå in tecken - CSS-tricks

Ladda detta plugin. Sedan: $ ("body *"). Ersätt Text (/ & / gi, '' + '&' + ''); Ändra väljaren efter behov. Den där är ganska intensiv. Nu har du en klass "

Återfall för CDN-värd jQuery - CSS-tricks

Återfall för CDN-värd jQuery - CSS-tricks

Flera stora företag erbjuder kopior av jQuery som finns på deras CDN (Content Delivery Network). Mest notoriskt Google, men också Microsoft och jQuery "

Fade en bild till en annan meny - CSS-tricks

Fade en bild till en annan meny - CSS-tricks

Gör en CSS-sprite-bild, med den övre halvan och den nedre halvan de två bilderna du vill animera mellan. JQuery lägger till en -tagg och "

Hitta alla interna länkar - CSS-tricks

Hitta alla interna länkar - CSS-tricks

Hitta alla länkar som börjar med webbplatsens domän, ett snedstreck, relativ filsökväg eller en hashtagg. var siteURL = "http: //" + top.location.host.toString (); var "

Uteslut $ (detta) från väljaren - CSS-tricks

Uteslut $ (detta) från väljaren - CSS-tricks

Låt oss säga att du vill bifoga en klickhanterare till varje länk på en sida. Funktionen för den klickhanteraren gör att alla andra länkar har en annan färg. var "

Dragbar utan jQuery UI - CSS-tricks

Dragbar utan jQuery UI - CSS-tricks

Det har inte alla snygga återuppringningar och alternativ, men hej, det gör saker att dra (och med ett specificerat handtag som tillval). (funktion ($) ("

Utjämna Divs höjder - CSS-tricks

Utjämna Divs höjder - CSS-tricks

Var maxHeight = 0; $ ("div"). vardera (funktion () (om ($ (detta) .höjd ()> maxHöjd) (maxHöjd = $ (detta) .höjd ();))); $ ("div"). höjd (maxHeight); "

Visa senaste Tweet - CSS-tricks

Visa senaste Tweet - CSS-tricks

Koden nedan fungerar inte längre som den är med Twitter API-uppdateringen till 1.1 från och med 2013-06-11. 1.1 API kräver oAuth som kräver en serversida "

Storleksändring av händelse klar CSS-tricks

Storleksändring av händelse klar CSS-tricks

Om du är van vid något som kan ändra storlek på jQuery UI får du händelser som du kan binda till under storleksändringen, men också i slutet av storleksändringen. Ingen sådan händelse "

JQuery Duplicate Plugin - CSS-tricks

JQuery Duplicate Plugin - CSS-tricks

$ .fn.duplicate = funktion (count, cloneEvents) (var tmp = (); för (var i = 0; i

Visa endast första X Divs, växla vila - CSS-tricks

Visa endast första X Divs, växla vila - CSS-tricks

Var nyheter = 2; hidenews = "- Dölj nyhetsarkiv"; shownews = "+ Visa nyhetsarkiv"; $ (". archive"). html (visas nyheter); $ (". nyheter: inte (: lt (" + nyheter + "))"). göm (); "

Visa senaste FeedBurner-inlägg - CSS-tricks

Visa senaste FeedBurner-inlägg - CSS-tricks

Detta kodavsnitt visar det senaste inlägget i ett angivet FeedBurner-flöde. Ställ bara in webbadressen till önskat FeedBurner-flöde. $ (document) .ready (function () ("

Visa webbläsare och version - CSS-tricks

Visa webbläsare och version - CSS-tricks

Detta är jQuery-specifikt och innehåller lite hack / fix för att hantera Chrome. Detta fungerar mellan jQuery 1.5.1 och jQuery 1.8.3. Det är borta i jQuery "