Kodavsnitt 2025, September

Inaktivera / återaktivera ingångar - CSS-tricks

Inaktivera / återaktivera ingångar - CSS-tricks

Inaktivera: $ ("# skicka-knapp"). Attr ("inaktiverad", sant); Återaktivera: $ ("# skicka-knapp"). RemoveAttr ("inaktiverad"); "

Inaktivera föräldralänkar i kapslad listnavigering CSS-tricks

Inaktivera föräldralänkar i kapslad listnavigering CSS-tricks

JQuery-kod som inaktiverar överordnade länkar för rullgardinsmenyer. Menyn ska byggas som kapslade listor och överordnad länk är inaktiverad. Detta hjälper"

Upptäck det första synliga elementet i vissa klasser CSS-tricks

Upptäck det första synliga elementet i vissa klasser CSS-tricks

Lägger till en klass av "först" till det första elementet som har en klass av "aktivitet" som syns i webbläsarfönstret. $ (fönster) .scroll (funktion () (var "

Bläddra igenom en lista - CSS-tricks

Bläddra igenom en lista - CSS-tricks

Den här koden kommer att bläddra igenom en oordnad lista med ID: n 'cykellista'. Kan användas på alla element med barn. Byt ut "ul # cyclelist li" med "

Jämför jQuery-objekt - CSS-tricks

Jämför jQuery-objekt - CSS-tricks

Du kan inte riktigt jämföra om två jQuery-objekt är desamma ... om ($ (selectionOne) === $ (selectionTwo)) () Du kan dock jämföra DOM-objekt ... om "

Kombinera bild- och blekningsfunktioner - CSS-tricks

Kombinera bild- och blekningsfunktioner - CSS-tricks

$ .fn.slideFadeToggle = funktion (hastighet, lättnad, återuppringning) (returnera this.animate ((opacitet: 'växla', höjd: 'växla'), hastighet, lättnad, återuppringning);); Användande"

Klicka på En gång och koppla bort - CSS-tricks

Klicka på En gång och koppla bort - CSS-tricks

Låt något hända på en klickhändelse, men bara en gång! Lossa klickhanteraren när elementet har klickats en gång. $ ('# min-väljare'). bind ('klicka', "

Rensa standardsöksträng på fokus - CSS-tricks

Rensa standardsöksträng på fokus - CSS-tricks

$ ("# s") .val ("Sök ...") .css ("färg", "#ccc") .fokus (funktion () ($ (detta) .css ("färg", "svart" ); om ($ (detta) .val () == "Sök ...") ($ (detta) .val ("");) "

Rensa en filinmatning - CSS-tricks

Rensa en filinmatning - CSS-tricks

Du kan bara klona det och ersätta det med sig själv, med alla händelser fortfarande bifogade. var input = $ ("# control"); funktion något_händer () ("

Kontrollera om jQuery är laddat - CSS-tricks

Kontrollera om jQuery är laddat - CSS-tricks

Om (typeof jQuery == 'undefined') (// jQuery INTE laddas, gör saker här.) "

Kontrollera om händelsen var utlöst eller infödd - CSS-tricks

Kontrollera om händelsen var utlöst eller infödd - CSS-tricks

$ ("knapp"). klicka (funktion (händelse, varTriggered) (om (wasTriggered) (alert ("utlöst i kod");) annat (alert ("utlöst av mus");))); "

Kontrollera om elementet finns - CSS-tricks

Kontrollera om elementet finns - CSS-tricks

If ($ ('# myElement'). längd> 0) (// det finns) Eller för att göra det till en snygg funktion med återuppringning: // Tiny jQuery Plugin // av Chris Goodchild $ .fn.exists = "

Kontrollera om kryssrutan är markerad - CSS-tricks

Kontrollera om kryssrutan är markerad - CSS-tricks

Säg det tio gånger snabbt =). Ta reda på om en enda kryssruta är markerad eller inte, returnerar true eller false: $ ('# checkBox'). Attr ('markerad'); Hitta alla markerade "

Ändra WMode med jQuery - CSS-tricks

Ändra WMode med jQuery - CSS-tricks

Om du inte ställer in wmode på en blixtbäddning kommer den att flyta över toppen av ett overlay vilket kan vara en ganska stor sak. Detta är perfekt i miljö med "

Webbläsaravkänning + Tillämpa klasser på HTML-element - CSS-tricks

Webbläsaravkänning + Tillämpa klasser på HTML-element - 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) (returnera (c "

Sök efter tomma element - CSS-tricks

Sök efter tomma element - CSS-tricks

Gör något för varje tomt element som hittas: $ ('*'). Varje (funktion () (om ($ (detta) .text () == "") (// Gör något))); SANT eller FALSKT om elementet är tomt: "

Bättre bruten bildhantering - CSS-tricks

Bättre bruten bildhantering - CSS-tricks

Saknade bilder visar antingen bara ingenting eller visar en stilruta när källan inte kan hittas. Istället kanske du vill ersätta det med en "

Beräkna avståndet mellan mus och element CSS-tricks

Beräkna avståndet mellan mus och element CSS-tricks

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

Lägg till webbplatsöverlägg DIV - CSS-tricks

Lägg till webbplatsöverlägg DIV - CSS-tricks

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

Upptäck automatiskt dokumentlänkar och tillämpa klass CSS-tricks

Upptäck automatiskt dokumentlänkar och tillämpa klass CSS-tricks

$ ('a'). varje (funktion () (om ((C = $ (detta) .attr ('href'). matcha (/ (doc | xls | pdf) $ /))) ($ (detta) .addClass (C);))); Detta kommer att se igenom alla element på "

Lägg till icke-brytande utrymme på titel för att förhindra änkor - CSS-tricks

Lägg till icke-brytande utrymme på titel för att förhindra änkor - CSS-tricks

$ ("h2"). varje (funktion () (var wordArray = $ (denna) .text (). split (""); var finalTitle = ""; för (i = 0; i "

Animera höjd / bredd till "Auto" - CSS-tricks

Animera höjd / bredd till "Auto" - CSS-tricks

Det är inte möjligt att göra thing.animate (("höjd": "auto")) ;. Så det här är Darcy Clarkes metod för att låta det fungera. Du klonar i huvudsak elementet, "

Lägg till: nth-of-type till jQuery - CSS-tricks

Lägg till: nth-of-type till jQuery - CSS-tricks

$ .expr = funktion (elem, i, match) (var parts = match.split ("+"); returnera (i + 1 - (delar || 0))% parseInt (delar, 10) === 0; ); Se originalartikeln "

Unescape HTML i JS - CSS-tricks

Unescape HTML i JS - CSS-tricks

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

Lägga till / ta bort klass på pekaren - CSS-tricks

Lägga till / ta bort klass på pekaren - CSS-tricks

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) Detta fungerar i alla webbläsare på vilket element som helst, att "

Lägg till aktiv navigeringsklass baserat på URL - CSS-tricks

Lägg till aktiv navigeringsklass baserat på URL - CSS-tricks

Helst skickar du ut den här klassen från serversidan, men om du inte kan ... Låt oss säga att du har navigering så här: Hem Om kunder Kontakta oss Och du är "

Visningsstorlek, skärmupplösning, musposition CSS-tricks

Visningsstorlek, skärmupplösning, musposition CSS-tricks

Den här koden är kompatibel med webbläsare och kontrollerar måtten på visningsområdet, skärmupplösningen och muspositionen som kan vara till stor hjälp för "

Word Count Booklet - CSS-tricks

Word Count Booklet - CSS-tricks

Lägg till i bokmärkesfältet, välj text, klicka på den för att få antalet ord. Räkna ord Bokmärke Räkna ord

Trimma första / sista tecknen i sträng - CSS-tricks

Trimma första / sista tecknen i sträng - CSS-tricks

Ta bort de fyra sista tecknen var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString är nu "abc" Ta bort de första två "