{"id":169,"date":"2026-01-19T00:00:00","date_gmt":"2026-01-18T23:00:00","guid":{"rendered":"https:\/\/helloblog.io\/da\/jquery-4-0-0-er-landet-20-ar-senere-og-endelig-en-ny-major\/"},"modified":"2026-01-19T00:00:00","modified_gmt":"2026-01-18T23:00:00","slug":"jquery-4-0-0-er-landet-20-ar-senere-og-endelig-en-ny-major","status":"publish","type":"post","link":"https:\/\/helloblog.io\/da\/jquery-4-0-0-er-landet-20-ar-senere-og-endelig-en-ny-major\/","title":{"rendered":"jQuery 4.0.0 er landet: 20 \u00e5r senere, og endelig en ny major"},"content":{"rendered":"\n

Den 14. januar 2006 pr\u00e6senterede John Resig jQuery p\u00e5 BarCamp i New York. 20 \u00e5r senere har jQuery-teamet nu frigivet den endelige version af jQuery 4.0.0<\/strong> \u2013 efter en lang udviklingsperiode med flere pre-releases. Det er f\u00f8rste major release i n\u00e6sten 10 \u00e5r, og den indeholder (som forventet) en h\u00e5ndfuld breaking changes. Den gode nyhed er, at teamet forventer, at de fleste kan opgradere med minimale \u00e6ndringer.<\/p>\n\n\n\n

Mange af bruddene er pr\u00e6cis den slags \u00e6ndringer, man ikke har kunnet snige ind i en patch eller minor: der er sk\u00e5ret h\u00e5rdt i legacy-kode, fjernet tidligere deprecations, ryddet op i interne parametre som aldrig var dokumenteret, og droppet en del “magiske” adf\u00e6rde som gjorde koden un\u00f8digt kompleks.<\/p>\n\n\n\n

Hvis du planl\u00e6gger en opgradering, s\u00e5 brug de officielle hj\u00e6lpemidler: upgrade guiden<\/strong> p\u00e5 og den opdaterede jQuery Migrate plugin release<\/strong> p\u00e5 . Finder du problemer, beder teamet om issues p\u00e5 .<\/p>\n\n\n\n

jQuery 4.0.0 kan hentes via jQuery\u2019s egen CDN og via npm. Tredjeparts-CDN\u2019er f\u00e5r typisk filerne kort efter, men jQuery-teamet styrer ikke deres releaseplaner.<\/p>\n\n\n\n

Highlights i jQuery 4.0.0 (det, der reelt betyder noget ved opgradering)<\/h2>\n\n\n\n

IE<11 er droppet (men IE11 lever lidt endnu)<\/h3>\n\n\n\n

Den mest synlige \u00e6ndring er, at jQuery 4.0 dropper support for IE 10 og \u00e6ldre<\/strong>. Mange sp\u00f8rger naturligt: hvorfor ikke ogs\u00e5 IE11? Planen er at udfase i etaper, og n\u00e6ste skridt er planlagt til jQuery 5.0<\/strong> (se PR\u2019en: ). I 4.0 starter de med at fjerne kode, der specifikt underst\u00f8tter IE-versioner f\u00f8r 11.<\/p>\n\n\n\n

Samtidig er der ogs\u00e5 ryddet op i underst\u00f8ttelsen af andre meget gamle browsere: Edge Legacy<\/strong>, iOS-versioner tidligere end de sidste 3<\/strong>, Firefox-versioner tidligere end de sidste 2<\/strong> (med undtagelse af Firefox ESR) samt Android Browser<\/strong>. If\u00f8lge release-noten b\u00f8r du ikke skulle \u00e6ndre noget i din kode af den grund \u2013 men hvis du skal<\/em> underst\u00f8tte de n\u00e6vnte browsere, er anbefalingen at blive p\u00e5 jQuery 3.x<\/strong>.<\/p>\n\n\n\n

Trusted Types og CSP: f\u00e6rre konflikter med moderne sikkerhedspolitikker<\/h3>\n\n\n\n

jQuery 4.0 tilf\u00f8jer support for Trusted Types<\/strong> (et browser-sikkerhedskoncept til at begr\u00e6nse DOM XSS), s\u00e5 HTML indpakket i TrustedHTML<\/strong> kan bruges som input til jQuery-manipulationsmetoder uden at bryde Content Security Policy-direktivet require-trusted-types-for<\/code>. Baggrund og reference: og MDN om TrustedHTML: .<\/p>\n\n\n\n

P\u00e5 AJAX-siden er der ogs\u00e5 lavet en vigtig CSP-relateret justering: hvor nogle request-typer allerede brugte <script><\/code>-tags for at bevare attributter som crossdomain<\/code>, er teamet nu g\u00e5et videre og har skiftet de fleste asynkrone script requests til at bruge <script><\/code>-tags<\/strong> for at undg\u00e5 CSP-fejl, der kan opst\u00e5 ved inline scripts. \u00c6ndringen er dokumenteret her: .<\/p>\n\n\n\n

Der er dog stadig enkelte situationer, hvor XHR bruges til asynkrone script requests \u2013 fx hvis du bruger optionen "headers"<\/code> (bem\u00e6rk release-notens anbefaling: brug scriptAttrs<\/code> i stedet). Men n\u00e5r det er muligt, fors\u00f8ger jQuery 4.0 nu at bruge et <script><\/code>-tag.<\/p>\n\n\n\n

jQuery-kilden er migreret til ES modules (farvel AMD\/RequireJS i core)<\/h3>\n\n\n\n

En af de mest langsigtede moderniseringer er, at jQuery\u2019s kildekode p\u00e5 main<\/code> er migreret fra AMD<\/strong> (Asynchronous Module Definition \u2013 typisk brugt via RequireJS) til ES modules<\/strong>. AMD-baggrund: . ES modules-arbejdet: .<\/p>\n\n\n\n

Det lyder m\u00e5ske som intern oprydning, men det har praktisk betydning: jQuery\u2019s source har l\u00e6nge v\u00e6ret publiceret med releases p\u00e5 npm og GitHub, men kunne ikke importeres direkte som moduler uden RequireJS, som ogs\u00e5 var jQuery\u2019s foretrukne build tool. Nu er pakken bygget med Rollup<\/strong> () og jQuery-teamet k\u00f8rer tests p\u00e5 ES modules separat. Resultatet er bedre kompatibilitet med moderne build tools og workflows \u2013 og mulighed for at bruge jQuery via <script type=module><\/code> i browsere, hvor det giver mening.<\/p>\n\n\n\n

Fjernede deprecated APIs: mindre overflade, mere native JavaScript<\/h3>\n\n\n\n

jQuery 4.0 fjerner en r\u00e6kke API\u2019er, der har v\u00e6ret deprecated i flere versioner. Enten var de t\u00e6nkt som interne fra starten, eller ogs\u00e5 findes der nu native alternativer i alle browsere, som jQuery 4.0 underst\u00f8tter.<\/p>\n\n\n\n

De fjernede funktioner er:<\/p>\n\n\n\n

    \n\n
  • jQuery.isArray<\/code><\/li>\n\n\n
  • jQuery.parseJSON<\/code><\/li>\n\n\n
  • jQuery.trim<\/code><\/li>\n\n\n
  • jQuery.type<\/code><\/li>\n\n\n
  • jQuery.now<\/code><\/li>\n\n\n
  • jQuery.isNumeric<\/code><\/li>\n\n\n
  • jQuery.isFunction<\/code><\/li>\n\n\n
  • jQuery.isWindow<\/code><\/li>\n\n\n
  • jQuery.camelCase<\/code><\/li>\n\n\n
  • jQuery.nodeName<\/code><\/li>\n\n\n
  • jQuery.cssNumber<\/code><\/li>\n\n\n
  • jQuery.cssProps<\/code><\/li>\n\n\n
  • jQuery.fx.interval<\/code><\/li>\n\n<\/ul>\n\n\n\n

    I praksis er det tid til at g\u00e5 all-in p\u00e5 native: Array.isArray()<\/code>, JSON.parse()<\/code>, String.prototype.trim()<\/code> og Date.now()<\/code> er n\u00e6vnt direkte som eksempler.<\/p>\n\n\n\n

    Kombinationen af at fjerne deprecated API\u2019er og droppe gammel IE-support har givet en st\u00f8rrelsesreduktion p\u00e5 over 3k bytes gzippet<\/strong>.<\/p>\n\n\n\n

    Interne Array-metoder er v\u00e6k fra jQuery prototype<\/h3>\n\n\n\n

    jQuery\u2019s prototype har l\u00e6nge haft Array-metoder, der aldrig opf\u00f8rte sig som \u00f8vrige jQuery-metoder og altid var tilt\u00e6nkt intern brug: push<\/code>, sort<\/code> og splice<\/code>. I 4.0 er de fjernet fra jQuery-prototypen<\/strong>.<\/p>\n\n\n\n

    Hvis du (bevidst eller ubevidst) har brugt dem, peger release-noten p\u00e5 en konkret erstatning: $elems.push( elem )<\/code> kan skiftes til [].push.call( $elems, elem )<\/code>.<\/p>\n\n\n\n

    Focus\/blur-eventr\u00e6kkef\u00f8lge f\u00f8lger nu W3C-spec (breaking change)<\/h3>\n\n\n\n

    Historisk har browsere v\u00e6ret uenige om r\u00e6kkef\u00f8lgen af focus- og blur-events: focusin<\/code>, focusout<\/code>, focus<\/code> og blur<\/code>. Nu er de nyeste versioner af alle browsere, som jQuery 4.0 underst\u00f8tter, endelig konvergeret om samme r\u00e6kkef\u00f8lge \u2013 men den er ikke den r\u00e6kkef\u00f8lge, jQuery valgte for mange \u00e5r siden. Derfor er det en breaking change.<\/p>\n\n\n\n

    Fra og med jQuery 4.0 overrider jQuery ikke l\u00e6ngere browsernes native adf\u00e6rd<\/strong>. Det betyder, at alle browsere undtagen IE f\u00f8lger den nuv\u00e6rende W3C-specifikation:<\/p>\n\n\n\n

      \n\n
    1. blur<\/li>\n\n\n
    2. focusout<\/li>\n\n\n
    3. focus<\/li>\n\n\n
    4. focusin<\/li>\n\n<\/ol>\n\n\n\n

      jQuery\u2019s r\u00e6kkef\u00f8lge i tidligere versioner var: focusout<\/code>, blur<\/code>, focusin<\/code>, focus<\/code>. Som en ironisk detalje n\u00e6vner teamet, at den eneste browser, der fulgte den gamle W3C-spec (f\u00f8r opdateringen i 2023), var Internet Explorer.<\/p>\n\n\n\n

      Slim build er opdateret og endnu mindre<\/h3>\n\n\n\n

      Slim build bliver endnu mindre i jQuery 4.0.0, bl.a. ved at fjerne Deferreds<\/strong> og Callbacks<\/strong>. Den ligger nu omkring 19.5k bytes gzippet<\/strong>.<\/p>\n\n\n\n

      Deferreds har l\u00e6nge underst\u00f8ttet Promises\/A+<\/strong> (), s\u00e5 i de fleste tilf\u00e6lde kan du skifte til native Promise<\/code>. Native Promises findes i alle browsere, jQuery underst\u00f8tter \u2013 undtagen IE11<\/strong>. Deferreds har dog nogle ekstra features, som native Promises ikke har, men meget kan flyttes over p\u00e5 almindelige Promise-metoder.<\/p>\n\n\n\n

      Hvis du skal underst\u00f8tte IE11, anbefaler release-noten enten at bruge main build, eller at tilf\u00f8je en polyfill for native Promises.<\/p>\n\n\n\n

      Download og installation<\/h2>\n\n\n\n

      Du kan hente jQuery 4.0.0 fra jQuery CDN eller linke direkte:<\/p>\n\n\n\n

        \n\n
      • <\/li>\n\n\n
      • <\/li>\n\n<\/ul>\n\n\n\n

        Via npm installerer du s\u00e5dan her:<\/p>\n\n\n\n

        <\/circle><\/circle><\/circle><\/g><\/svg><\/span>