{"id":45413,"date":"2022-09-27T11:55:18","date_gmt":"2022-09-27T10:55:18","guid":{"rendered":"https:\/\/kinsta.com\/dk\/?p=45413&#038;post_type=knowledgebase&#038;preview_id=45413"},"modified":"2025-10-01T20:04:26","modified_gmt":"2025-10-01T19:04:26","slug":"hvad-er-jquery","status":"publish","type":"post","link":"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/","title":{"rendered":"Hvad er jQuery? Et kig p\u00e5 websidens mest anvendte JavaScript-bibliotek"},"content":{"rendered":"<p>Det ville v\u00e6re sv\u00e6rt at overvurdere den indflydelse <a href=\"https:\/\/kinsta.com\/dk\/blog\/javascript-biblioteker\/#jquery\" rel=\"noopener\">jQuery<\/a> har haft p\u00e5 webudvikling, efter at JavaScript-biblioteket med \u00e5ben kildekode blev frigivet for mere end 15 \u00e5r siden. JQuery er en v\u00e6rkt\u00f8jskasse, der skabte en ny forkortelse for ellers kompleks <a href=\"https:\/\/kinsta.com\/blog\/best-programming-language-to-learn\/#javascript\" rel=\"noopener\">JavaScript-programmering<\/a>, og den lever fortsat op til udviklernes motto: &#8220;Skriv mindre, g\u00f8r mere.&#8221;<\/p>\n<p>Selv i dag er jQuery popul\u00e6r blandt professionelle udviklere, mens andre med lidt eller ingen programmeringserfaring kan bruge biblioteket til at tilf\u00f8je avancerede funktioner til deres websteder. Her er hvad der ligger bag en af <a href=\"https:\/\/kinsta.com\/web-development\/\" rel=\"noopener\">webudviklingens<\/a> st\u00f8rste succeshistorier.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Hvor popul\u00e6r er jQuery?<\/h2>\n<p>StackOverflow&#8217;s 2022-unders\u00f8gelse af <a href=\"https:\/\/survey.stackoverflow.co\/2022\/#most-popular-technologies-webframe-prof\" target=\"_blank\" rel=\"noopener noreferrer\">webteknologier, der anvendes af professionelle udviklere<\/a>, viste, at lidt over 29% af mere end 45.000 respondenter arbejdede med jQuery. Blandt <a href=\"https:\/\/kinsta.com\/dk\/blog\/javascript-biblioteker\/#the-most-popular-javascript-libraries\" rel=\"noopener\">JavaScript-bibliotekerne<\/a> var jQuery kun overg\u00e5et af <a href=\"https:\/\/kinsta.com\/blog\/what-is-react-js\/\" rel=\"noopener\">React.js<\/a>, biblioteket, der f\u00f8rst blev udviklet p\u00e5 Facebook (nu Meta) i 2011, og som nu er flittigt benyttet af over 44% af disse udviklere.<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/stackoverflow-2022-web-technologies-survey.png\" alt=\"Screenshot med jQuery blandt popul\u00e6re teknologier i StackOverflows 2022 -udviklerunders\u00f8gelse.\" width=\"1024\" height=\"490\"><figcaption class=\"wp-caption-text\">Popul\u00e6re webframeworks og -teknologier i 2022. (Billedkilde: <a href=\"https:\/\/survey.stackoverflow.co\/2022\/\" target=\"_blank\" rel=\"noopener noreferrer\">StackOverflow<\/a>)<\/figcaption><\/figure>\n<p>Men webudviklernes nuv\u00e6rende projekter fort\u00e6ller ikke hele historien. Baseret p\u00e5 BuiltWiths <a href=\"https:\/\/trends.builtwith.com\/javascript\/jQuery\" target=\"_blank\" rel=\"noopener noreferrer\">internetteknologitrends<\/a> blev jQuery fundet p\u00e5 mere end 80 millioner websites i 2022. Det er et stort forspring i forhold til de n\u00e6sten 11 millioner websteder, der k\u00f8rer React.<\/p>\n\n<p>Biblioteket jQuery har v\u00e6ret pakket med kernen i WordPress i mere end et \u00e5rti, hvilket g\u00f8r det tilg\u00e6ngeligt uden for kassen til hundredvis af <a href=\"https:\/\/kinsta.com\/dk\/blog\/hurtigste-wordpress-temaer\/\" rel=\"noopener\">temaer<\/a>, der er afh\u00e6ngige af dets funktionalitet for at skabe dynamiske websteder. <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-vs-drupal\/\" rel=\"noopener\">Drupal<\/a> er et andet popul\u00e6rt <a href=\"https:\/\/kinsta.com\/blog\/content-management-system\/\" rel=\"noopener\">icontent management system<\/a>, der har inkluderet jQuery blandt sine kernekomponenter. Uanset hvilke teknologier der er udviklernes aktuelle favoritter, er jQuery fortsat det <em>mest anvendte<\/em> JavaScript-bibliotek p\u00e5 nettet.<\/p>\n<h2>En kort historie om jQuery<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/dk\/markedsandel-global-desktop-browser\/\" rel=\"noopener\">Kampen om browserne<\/a> har st\u00e5et p\u00e5 siden starten af internettet, og udviklerne har altid v\u00e6ret ofre. I 2006, da webudvikleren John Resig pr\u00e6senterede jQuery, var Microsofts Internet Explorer-browser den <a href=\"https:\/\/www.visualcapitalist.com\/internet-browser-market-share\/\" target=\"_blank\" rel=\"noopener noreferrer\">ubestridte markedsleder<\/a> \u2014 en omvending af Netscape&#8217;s fordel mindre end ti \u00e5r tidligere.<\/p>\n<p>P\u00e5 det tidspunkt havde Mozillas nye Firefox en markedsandel p\u00e5 10% (sammenlignet med Microsofts 84%), og Apples Safari var lige dukket op p\u00e5 markedet. Googles Chrome, der i dag er markedsleder, eksisterede ikke. JavaScript-programm\u00f8rer som Resig k\u00e6mpede regelm\u00e6ssigt med at skrive kode, der kunne k\u00f8re i alle browsere.<\/p>\n<p>Hans nye jQuery-bibliotek blev bygget for at tage h\u00f8jde for forskellene i den m\u00e5de, JavaScript blev implementeret af disse browsere, og hj\u00e6lpe udviklere med at skrive mindre kode, mens de udf\u00f8rte opgaver som disse:<\/p>\n<ul>\n<li>Manipulering af <a href=\"https:\/\/kinsta.com\/blog\/what-is-html\/\">HTML-elementer<\/a> p\u00e5 en webside<\/li>\n<li>Dynamisk \u00e6ndring af CSS<\/li>\n<li>Reagere p\u00e5 begivenheder som museklik og tastetryk<\/li>\n<li>H\u00e5ndtering af Ajax-foresp\u00f8rgsler for at opdatere sidens indhold uden genindl\u00e6sning<\/li>\n<\/ul>\n<p>Efter Resigs udgivelse af biblioteket byggede andre udviklere programmer oven p\u00e5 jQuery og delte ofte deres arbejde som plugins for at g\u00f8re nye funktioner tilg\u00e6ngelige for alle.<\/p>\n<h3>Hvad er jQuery UI?<\/h3>\n<p><a href=\"https:\/\/jqueryui.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">jQuery UI<\/a> er en <a href=\"https:\/\/trends.builtwith.com\/javascript\/jQuery-UI\" target=\"_blank\" rel=\"noopener noreferrer\">popul\u00e6r samling af plugins<\/a>, der er designet til at forbedre brugergr\u00e6nseflader. Det betragtes som et &#8220;officielt&#8221; supplement til jQuery-biblioteket og tilf\u00f8jer et v\u00e6ld af specielle effekter og widgets som dato-v\u00e6lgere, fremskridtsbj\u00e6lker, slidere, spinnere og paneler med faneblade eller sammenklappelige paneler.<\/p>\n<h2>Hvad er forskellen mellem jQuery og JavaScript?<\/h2>\n<p><strong>Det er vigtigt at vide, at jQuery <em>er<\/em><\/strong> <strong>JavaScript<\/strong>. N\u00e5r du bruger jQuery, arbejder du med instanser af JavaScript-objekter, der afspejler jQuerys navngivningskonventioner for metoder (funktioner) og egenskaber. Lad os tage et kig p\u00e5 <a href=\"https:\/\/kinsta.com\/blog\/what-is-javascript\/#vanilla-javascript\" rel=\"noopener\">vanilla JavaScript<\/a> og jQuery, der tager fat p\u00e5 den samme opgave.<\/p>\n<p>Her er et HTML-uddrag et sted p\u00e5 en webside:<\/p>\n<pre><code class=\"lang-html\">&lt;p id=\"target\"&gt;Old text&lt;\/p&gt;<\/code><\/pre>\n<p>Vanilla JavaScript-kode, der kan finde <code>&lt;p&gt;<\/code> -elementet med <code>id<\/code> &#8220;target&#8221; \u2014 og derefter erstatte teksten mellem tags \u2014 kunne se s\u00e5ledes ud:<\/p>\n<pre><code class=\"language-js\">const content = document.getElementById( \"target\" );\ncontent.textContent = \"New text\";<\/code><\/pre>\n<p>JavaScript-metoden <code>getElementById()<\/code> returnerer et objekt, der indeholder HTML- og tekstindholdet i afsnittet med &#8220;target&#8221; <code>id<\/code>. Objektet tildeles den konstante reference <code>content<\/code>, hvorefter dets <code>textContent<\/code> -egenskab \u00e6ndres til &#8220;New text&#8221;.<\/p>\n<p>JavaScript giver mulighed for at k\u00e6de metoder, hvilket g\u00f8r det muligt at opn\u00e5 ovenst\u00e5ende med en enkelt erkl\u00e6ring:<\/p>\n<pre><code class=\"language-js\"> document.getElementById( \"target\" ).textContent = \"New text\"; <\/code><\/pre>\n<p>Det er derfor ikke overraskende, at du ogs\u00e5 kan k\u00e6de jQuery-handlinger. Hvis du vil \u00e6ndre &#8220;Old text&#8221; til &#8220;New text&#8221; ved hj\u00e6lp af jQuery, kan du g\u00f8re dette:<\/p>\n<pre><code class=\"language-js\">$( \"#target\" ).text( \"New text\" );<\/code><\/pre>\n<p>Dollartegnet (<code>$<\/code>) er et kort alias for <code>jQuery<\/code>, og <code>( \"#target\" )<\/code> er et eksempel p\u00e5 en jQuery-selektor. I dette tilf\u00e6lde leder selektoren efter et HTML-element med <code>id<\/code> for vores m\u00e5lafsnit. Metoden jQuery <code>text()<\/code> er k\u00e6det sammen for at g\u00f8re &#8220;New text&#8221; til afsnitets indhold.<\/p>\n<h2>S\u00e5dan bruger du jQuery p\u00e5 dit websted<\/h2>\n<p>Tilf\u00f8j jQuery til dit websted ved at linke bibliotekets kode fra webstedets sider. JQuery-biblioteket kan ligge p\u00e5 din webserver eller p\u00e5 et offentligt tilg\u00e6ngeligt <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-cdn\/\" rel=\"noopener\">content delivery network (CDN)<\/a>. P\u00e5 det officielle jQuery-websted kan du f\u00e5 fat i de <a href=\"https:\/\/jquery.com\/download\/\" target=\"_blank\" rel=\"noopener noreferrer\">nyeste versioner af biblioteket<\/a>.<\/p>\n<p>JQuery-biblioteket er tilg\u00e6ngeligt i <a href=\"https:\/\/kinsta.com\/blog\/minify-javascript\/\">minificeret (komprimeret) JavaScript<\/a> for hurtig indl\u00e6sning i produktionen eller ukomprimeret for at g\u00f8re det lettere at l\u00e6se og fejlfinde.<\/p>\n<figure style=\"width: 1017px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/jquery-official-download.jpg\" alt=\"Sk\u00e6rmbillede af det officielle jQuery -websted med et downloadlink fremh\u00e6vet.\" width=\"1017\" height=\"498\"><figcaption class=\"wp-caption-text\">Det officielle jQuery-websted.<\/figcaption><\/figure>\n<p>Du vil ogs\u00e5 skrive mindst en smule JavaScript for at p\u00e5kalde jQuery og l\u00f8se opgaver, der er specifikke for din webapplikation. I HTML&#8217;en p\u00e5 siderne p\u00e5 dit websted kan du linke jQuery-biblioteket og filen med din kode p\u00e5 f\u00f8lgende m\u00e5de:<\/p>\n<pre><code class=\"language-html\">&lt;script type=\"text\/javascript\" src=\"\/js\/jquery-3.6.0.min.js\"&gt;&lt;\/script&gt;\n&lt;script type=\"text\/javascript\" src=\"\/js\/my_script.js\"&gt;&lt;\/script&gt;<\/code><\/pre>\n<p>I dette eksempel er version 3.6.0 af jQuery og din webstedsspecifikke kode i en fil kaldet <strong>my_script.js<\/strong> placeret i mappen<code>\/js\/<\/code> p\u00e5 webstedet. Biblioteket jQuery er normalt inkluderet i afsnittet <code>&lt;head&gt;<\/code> p\u00e5 en webside. Det er almindeligt for udviklere at placere nogle links til JavaScript-filer, herunder kode, der er afh\u00e6ngig af jQuery-biblioteket, n\u00e6r bunden af en side, normalt lige f\u00f8r lukningen af <code>&lt;body&gt;<\/code> -tagget. Du vil altid ha&#8217;, at enhver webstedsspecifik kode, der p\u00e5kalder jQuery, vises <strong>efter<\/strong> linket til selve biblioteket.<\/p>\n<h3>Link til jQuery p\u00e5 et CDN<\/h3>\n<p>JQuery-biblioteket downloades ofte hurtigere, n\u00e5r det leveres af et <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-cdn\/\">robust CDN<\/a>. jQuery er s\u00e5 udbredt p\u00e5 nettet, at der er en god chance for, at en bes\u00f8gende p\u00e5 dit websted allerede har biblioteket gemt i deres browser p\u00e5 flere CDN&#8217;er. Vi kan \u00e6ndre HTML-udsnittet ovenfor for at g\u00f8re brug af Cloudflares JavaScript-content delivery network Cloudflare p\u00e5 f\u00f8lgende m\u00e5de:<\/p>\n<pre><code class=\"language-html\">&lt;script type=\"text\/javascript\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"&gt;&lt;\/script&gt;\n&lt;script type=\"text\/javascript\" src=\"\/js\/my_script.js\"&gt;&lt;\/script&gt;<\/code><\/pre>\n<h3>P\u00e5kaldelse af jQuery i din applikation<\/h3>\n<p>N\u00e5r du skriver din jQuery-applikation, er det en bedste praksis at bekr\u00e6fte, at websiden er f\u00e6rdig med at indl\u00e6se, f\u00f8r din kode begynder at k\u00f8re. Du kan teste dette ved at bruge metoden <code>ready()<\/code>, som afleverer din kode, n\u00e5r dokumentet er indl\u00e6st, som her:<\/p>\n<pre><code class=\"language-js\">$(document).ready(function() {\n  \/\/ Your jQuery application will go here\n});<\/code><\/pre>\n<p>Denne start for en jQuery-applikation er s\u00e5 almindelig, at bibliotekets udviklere har udt\u00e6nkt en endnu kortere syntaks:<\/p>\n<pre><code class=\"language-js\">$(function() { \n  \/\/ Your jQuery application will go here\n});<\/code><\/pre>\n<h3>Valg af elementer i DOM med jQuery<\/h3>\n<p>Grundlaget for de fleste jQuery-applikationer er evnen til at genneml\u00f8be strukturen af en webside som et objekt (<a href=\"https:\/\/kinsta.com\/blog\/what-is-javascript\/#the-javascript-dom\" rel=\"noopener\">dokumentobjektmodellen, eller DOM<\/a>) og m\u00e5lrette forskellige elementer i HTML. Valg af et element (eller en gruppe af elementer) er det skridt, der g\u00e5r forud for at <em>g\u00f8re <\/em>noget med det p\u00e5g\u00e6ldende element, f.eks. \u00e6ndre dets udseende eller opdatere n\u00e6rliggende indhold. jQuery-selektorer er m\u00e5lrettet DOM-egenskaber p\u00e5 en r\u00e6kke forskellige m\u00e5der. De mest almindelige omfatter:<\/p>\n<ul>\n<li>Efter HTML-element (tag) navn<\/li>\n<li>Ved hj\u00e6lp af CSS-egenskaber (herunder ID&#8217;er og klassebetegnelser)<\/li>\n<li>Ved et elements relative position i DOM&#8217;en<\/li>\n<li>Ved v\u00e6rdien af indholdet i formularfelter<\/li>\n<li>Ved et elements aktuelle tilstand<\/li>\n<\/ul>\n<p>Her er nogle eksempler:<\/p>\n<pre><code class=\"language-js\">\/\/ Select all HTML paragraph tags in a document\n$( \"p\" );\n\n\/\/ Select the element with the ID \"myID\"\n$( \"#myID\" );\n\n\/\/ Select all elements with the CSS class name \"myClass\"\n$( \".myClass\" );\n\n\/\/ Select all input, textarea, select, and button elements in a form\n$( \":input\" );\n\n\/\/ Select the children of some other element\n\/\/ (In this case, the entries in an unordered list)\n$( \"ul &gt; li\" ); \n\n\/\/ Select all anchors with the rel attribute \u201cnofollow\u201d\n$( \"a[rel='nofollow']\" ); \n\n\/\/ Select all checkboxes in a \u201cchecked\u201d state\n$( \"input:checked\" )<\/code><\/pre>\n<p>Du kan kombinere jQuery-selektorer for at opn\u00e5 mere specifik m\u00e5lretning. Eksempler:<\/p>\n<pre><code class=\"language-js\">\/\/ HTML paragraph tags with the CSS class \u201cmyClass\u201d\n$( \"p.myClass\" ); \n\n\/\/ HTML paragraphs with the text \u201cKinsta\u201d anywhere within them\n$( \"p:contains('Kinsta')\" ); \n\n\/\/ HTML div tags that have at least one paragraph tag as a descendent\n$( \"div:has(p)\" ); \n\n\/\/ The first entry in any unordered list with the CSS class \u201cmyList\u201d \n$( \"ul.myList li:first\" ); <\/code><\/pre>\n<h3>Manipulering af DOM med jQuery<\/h3>\n<p>Nu hvor du ved, hvordan du kan v\u00e6lge forskellige elementer p\u00e5 en webside, kan du \u00e6ndre dem ved hj\u00e6lp af jQuery-metoder. Som tidligere n\u00e6vnt kan du ofte k\u00e6de disse handlinger for at f\u00e5 meget gjort med lidt kodning. Nogle eksempler:<\/p>\n<pre><code class=\"language-js\">\/\/ Select the element with the ID \u201calert\u201d and add a red background\n$( \"#alert\" ).css( \"background-color\", \"red\" ); \n\n\/\/ Select the element with the ID \u201calert\u201d and add the class \u201curgent\u201d to its markup\n$( \"#alert\" ).addClass( \"urgent\" ); \n\n\/\/ Find any paragraph with the class \u201cmyName\u201d and make its content \u201cKinsta\u201d\n$( \"p.myName\" ).text( \"Kinsta\" );\n\n\/\/ Like the statement above, but with support for HTML markup\n$( \"p.myName\" ).html( \"&lt;strong&gt;Kinsta&lt;\/strong&gt;\" ); \n\n\/\/ Add the attribute\/value rel=\u201dnofollow\u201d to every anchor\n$( \"a\" ).attr( \"rel\", \"nofollow\" );\n\n\/\/ Hide the element with the ID \u201cmyDiv\u201d (but keep it in the DOM)\n$( \"#myDiv\" ).hide(); \n\n\/\/ Make the element hidden above visible again\n$( \"#myDiv\" ).show();\n\n\/\/ Remove from the DOM everything INSIDE the element with the ID \u201cmyDiv\u201d\n$( \"#myDiv\" ).empty(); \n\n\/\/ Remove from the DOM the entire element with the ID \u201cmyDiv\u201d\n$( \"#myDiv\" ).remove();<\/code><\/pre>\n<h3>H\u00e5ndtering af begivenheder med jQuery<\/h3>\n<p>Den slags DOM-manipulationer, der er beskrevet ovenfor, ville g\u00e5 ubem\u00e6rket hen af webbes\u00f8gende, hvis det hele skete, s\u00e5 snart en side blev indl\u00e6st. Derfor kan din jQuery-applikation registrere og reagere p\u00e5 h\u00e6ndelser som museklik, musebev\u00e6gelser, tastetryk og meget mere for at skabe en virkelig responsiv oplevelse.<\/p>\n<h4>Registrering af museklik med jQuery<\/h4>\n<p>At reagere p\u00e5 et museklik (eller et tryk p\u00e5 en touchscreen-enhed) er en almindelig opgave for webapplikationer. Vi har kombineret noget jQuery og HTML i et eksempel, der ogs\u00e5 udnytter jQuerys indbyggede <code>event<\/code> -object, som vil indeholde nyttige oplysninger om vores &#8220;klikbegivenhed&#8221;:<\/p>\n<pre><code class=\"language-html\">&lt;script&gt;\n\/\/ Invoke jQuery\n$(document).ready(function () {\n    \/\/ Assign \u201cclick\u201d method to all button elements\n    \/\/ Our function passes the built-in object with event details\n    $( \"button\" ).click(function ( event ) { \n        \/\/ Make sure all button backgrounds are white\n        $( \"button\" ).css( \"background-color\", \"white\" );\n        \/\/ Change our H2 text to report the ID of the clicked button\n        $( \"#buttonReport\" ).text(\"You clicked \" + event.target.id); \n        \/\/ Set the background color of the clicked button to red \n        $( \"#\" + event.target.id ).css(\"background-color\", \"red\");\n    });\n}); \n&lt;\/script&gt;\n\n&lt;h2 id=\"buttonReport\"&gt;Click a button!&lt;\/h2&gt;\n&lt;button id=\"Button1\"&gt;Button 1&lt;\/button&gt;\n&lt;button id=\"Button2\"&gt;Button 2&lt;\/button&gt;\n&lt;button id=\"Button3\"&gt;Button 3&lt;\/button&gt; <\/code><\/pre>\n<p>Resultatet:<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/jquery-detecting-mouse-clicks.png\" alt=\"Screenshot, der illustrerer detektion af museklik p\u00e5 flere knapper.\" width=\"1024\" height=\"426\"><figcaption class=\"wp-caption-text\">Detektering af museklik.<\/figcaption><\/figure>\n<h4><strong>Registrering af musebev\u00e6gelser med jQuery<\/strong><\/h4>\n<p>Det er nyttigt i mange responsive webapplikationer at kende musemark\u00f8rens aktuelle placering over en webside. Her er et eksempel p\u00e5, hvordan jQuery kan hj\u00e6lpe:<\/p>\n<pre><code class=\"language-html\">&lt;script&gt;\n$(document).ready(function () { \n    \/\/ Detect when the mouse is over a div with the mouseover() method  \n    $( \"div\" ).mouseover(function ( event ) { \n        \/\/ Make the div under the mouse grey and taller\n        $( \"#\" + event.target.id ).css({ \n           \"background-color\" : \"lightgrey\",\n           \"height\" : \"8em\"\n        });\n    }); \n    \/\/ Detect when the mouse moves away with the mouseout() method \n    $( \"div\" ).mouseout(function ( event ) { \n        \/\/ Return the size and color of the div to its original state\n        $( \"#\" + event.target.id ).css({\n           \"background-color\" : \"white\",\n            \"height\" : \"4em\"\n        });\n    });\n}); \n&lt;\/script&gt;\n\n&lt;div id=\"div1\"&gt;Div 1&lt;\/div&gt;\n&lt;div id=\"div2\"&gt;Div 2&lt;\/div&gt;\n&lt;div id=\"div3\"&gt;Div 3&lt;\/div&gt;<\/code><\/pre>\n<p>Eksemplet ovenfor viser ogs\u00e5, hvordan jQuerys <code>css()<\/code> -metode kan bruges til at indstille flere CSS-egenskaber p\u00e5 \u00e9n gang. Her er resultatet:<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/jquery-detecting-mouse-movement.png\" alt=\"Sk\u00e6rmbillede, der illustrerer muse-over-detektion p\u00e5 flere DIV-blokke.\" width=\"1024\" height=\"461\"><figcaption class=\"wp-caption-text\">Opdager mouse-over handlinger.<\/figcaption><\/figure>\n<h3>H\u00e5ndtering af Ajax-foresp\u00f8rgsler med jQuery<\/h3>\n<p>En stor del af jQuerys popularitet er dens evne til at forenkle de Ajax-foresp\u00f8rgsler, som webapplikationer kan bruge til at udveksle data med servere uden at genindl\u00e6se sider. Biblioteket har mange v\u00e6rkt\u00f8jer til at h\u00e5ndtere Ajax-foresp\u00f8rgsler om data i formaterne almindelig tekst, HTML, XML og JSON. JQuery-tilgangen er at tilbyde kortfattede muligheder for de mest almindelige opgaver. En af de enkleste i Ajax-v\u00e6rkt\u00f8jskassen er <code>load()<\/code> -metoden:<\/p>\n<pre><code class=\"language-html\">&lt;div id=\"myContent\"&gt;Replace Me&lt;\/div&gt;\n&lt;button&gt;Load Content&lt;\/button&gt;\n\n&lt;script&gt; \n\/\/ Request the file content.php from the server after a button is clicked.\n\/\/ Place the results in the HTML element with the ID \u201cmyContent\u201d \n$( \"button\" ).click( function (){ \n    $( \"#myContent\" ).load( \"content.php\" );\n}); \n&lt;\/script&gt;<\/code><\/pre>\n<p>Der sker meget der med kun tre linjer <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> og to HTML-elementer. Resultatet ville se nogenlunde s\u00e5dan her ud:<\/p>\n<figure style=\"width: 984px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/jquery-ajax-handling-with-load-method.png\" alt=\"Sk\u00e6rmbillede af et tekstomr\u00e5de p\u00e5 et websted f\u00f8r og efter en AJAX -anmodning.\" width=\"984\" height=\"375\"><figcaption class=\"wp-caption-text\">jQuery load()-metoden tilf\u00f8jer indhold uden opdatering af siden.<\/figcaption><\/figure>\n<h3>S\u00e5dan bruger du jQuery UI<\/h3>\n<p>Tilf\u00f8j jQuery UI-plugins til dine projekter, og du vil f\u00e5 adgang til mange specielle effekter og widgets, der er bygget p\u00e5 jQuery-kernebiblioteket. Her er et eksempel, hvor du bruger jQuery UI til at tilf\u00f8je en pop-up-kalender som en datov\u00e6lger i en webformular.<\/p>\n<p>F\u00f8rst skal du tilf\u00f8je jQuery UI-biblioteket og dets underst\u00f8ttende CSS til dine websider. I dette eksempel linker vi til bibliotekerne p\u00e5 Cloudflares JavaScript CDN sammen med det centrale jQuery-bibliotek:<\/p>\n<pre><code class=\"language-html\">&lt;script type=\"text\/javascript\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"&gt;&lt;\/script&gt; \n&lt;script type=\"text\/javascript\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jqueryui\/1.13.2\/jquery-ui.min.js\"&gt;&lt;\/script&gt\n&lt;link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jqueryui\/1.13.2\/themes\/base\/jquery-ui.min.css\" \/&gt;<\/code><\/pre>\n<p>Derefter skal du tilf\u00f8je en formular <code>input<\/code> -feltet i din HTML og via JavaScript vedh\u00e6fte jQuery UI&#8217;s <code>datepicker()<\/code> -metode ved hj\u00e6lp af en selector:<\/p>\n<pre><code class=\"language-html\">&lt;label for=\"myDate\"&gt;Date:&lt;\/label&gt;\n&lt;input type=\"text\" id=\"myDate\" name=\"myDate\"&gt;\n\n&lt;script&gt;\n$( function() { \n    $( \"#myDate\" ).datepicker();\n} );\n&lt;\/script&gt; <\/code><\/pre>\n<p>Hvis du klikker p\u00e5 <code>input<\/code> formularfeltet, starter datov\u00e6lgeren nu:<\/p>\n<figure style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/jquery-ui-library-datepicker.png\" alt=\"Sk\u00e6rmbillede af en jQuery UI-datamenter, der er i brug.\" width=\"900\" height=\"317\"><figcaption class=\"wp-caption-text\">Den jQuery UI-datov\u00e6lger.<\/figcaption><\/figure>\n<h2>S\u00e5dan bruger du jQuery i WordPress<\/h2>\n<p>Biblioteket jQuery leveres med WordPress og er en vigtig komponent i mange <a href=\"https:\/\/kinsta.com\/dk\/blog\/hurtigste-wordpress-temaer\/\">WordPress-temaer<\/a>. Selv hvis dit nuv\u00e6rende tema ikke allerede bruger jQuery, kan du drage fordel af registreringen af JavaScript-afh\u00e6ngigheder i WordPress for at f\u00e5 al din jQuery-kode op og k\u00f8re.<\/p>\n<p>Du g\u00f8r dette ved at redigere filen <strong>functions.php<\/strong>, der er en del af dit tema. En opdatering af et tema kan overskrive denne fil, s\u00e5 det er en god praksis at holde dine \u00e6ndringer sikre ved f\u00f8rst at <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-child-theme\/\" rel=\"noopener\">oprette et child theme<\/a> og redigere <strong>functions.php<\/strong>-filen der. Opret i det mindste <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/wordpress-backups\/#wordpress-backup#create-wordpress-backup\" rel=\"noopener\">en manuel WordPress-backup<\/a>, f\u00f8r du forts\u00e6tter.<\/p>\n<h3>Registrering af dit jQuery JavaScript i functions.php<\/h3>\n<p>Du kan bruge en <a href=\"https:\/\/kinsta.com\/blog\/ftp-vs-sftp\/\" rel=\"noopener\">FTP- eller SFTP-klient<\/a> til at overf\u00f8re <strong>functions.php<\/strong>-filen mellem dit skrivebord og webserveren for at redigere den. <a href=\"https:\/\/kinsta.com\/blog\/wordpress-user-roles\/\">WordPress-administratorer<\/a> kan ogs\u00e5 \u00e6ndre <strong>functions.php<\/strong> i CMS&#8217;et:<\/p>\n<p>V\u00e6lg <strong>Udseende<\/strong> &gt; <strong>Temafileditor <\/strong>fra dashboardet.<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/launching-theme-file-editor.jpg\" alt=\"Screenshot, der viser menuindstillinger for at starte WordPress -tema -fileditoren.\" width=\"1024\" height=\"605\"><figcaption class=\"wp-caption-text\">Starter Theme File Editor.<\/figcaption><\/figure>\n<p>Klik p\u00e5 <strong>Theme functions<\/strong> i menuen til venstre.<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/theme-file-editor-view.jpg\" alt=\"Sk\u00e6rmbillede fremh\u00e6vende funnctions.php p\u00e5 en liste over filer inden for tema -fileditoren.\" width=\"1024\" height=\"473\"><figcaption class=\"wp-caption-text\">Inde i temafileditor.<\/figcaption><\/figure>\n<p>Indholdet af din <strong>functions.php<\/strong>-fil vil afh\u00e6nge af det aktuelt aktive tema. Ovenst\u00e5ende er funktioner i <a href=\"https:\/\/kinsta.com\/blog\/twenty-twenty-one-theme\/\" rel=\"noopener\">Twenty Twenty-One-temaet<\/a>. Du kan tilf\u00f8je dit eget jQuery-script til din hjemmesides konfiguration ved hj\u00e6lp af WordPress-hj\u00e6lpefunktionen <code>wp_enqueue_script()<\/code>. Her er skabelonen for denne funktion:<\/p>\n<pre><code class=\"language-php\">wp_enqueue_script( <strong>$handle<\/strong>, <strong>$src<\/strong>, <strong>$deps<\/strong>, <strong>$ver<\/strong>, <strong>$in_footer<\/strong> );<\/code><\/pre>\n<p>Og her er, hvad alt det betyder:<\/p>\n<ul>\n<li><strong>$handle<\/strong>: Det brugervenlige navn, der er knyttet til dette script. (jQuery-kernebiblioteket er allerede registreret i WordPress med Handle <strong>jquery<\/strong>)<\/li>\n<li><strong>$src<\/strong>: Stien og filnavnet eller URL&#8217;en, der peger p\u00e5 JavaScript-kildekoden.<\/li>\n<li><strong>$deps: <\/strong>Handles for eventuelle andre JavaScript-kilder, som dette script kr\u00e6ver for at fungere korrekt.<\/li>\n<li><strong>$ver<\/strong>: Ethvert versionsnummer, som du har tildelt din JavaScript-kildekode.<\/li>\n<li><strong>$in_footer<\/strong>: Hvis indstillet til <strong>true<\/strong>, vil scriptet blive tilf\u00f8jet n\u00e6r bunden af siden. Ellers vil scripts blive placeret i blokken <code>&lt;head&gt;<\/code>.<\/li>\n<\/ul>\n<p>N\u00e5r et script er sat i k\u00f8, tilf\u00f8jes det til en side med funktionen <code>add_action()<\/code>. Se det hele i aktion ved at tilf\u00f8je en blok som denne nederst i din <strong>functions.php<\/strong>-fil:<code class=\"language-php\"><\/code><\/p>\n<pre><code class=\"language-php\">\/\/ 'my_custom_scripts' is a function name of your choice\nfunction my_custom_scripts() {\n    wp_enqueue_script( \n       'my_script'\n       get_template_directory_uri() . '\/assets\/js\/my_script.js',\n       array( 'jquery', 'jquery-ui-core', 'jquery-ui-datepicker' ),\n       '1.0',\n       true ); \n} \nadd_action( 'wp_enqueue_scripts', 'my_custom_scripts' );<\/code><\/pre>\n<p>Ovenfor f\u00e5r det nye jQuery-script Handle <strong>my_script<\/strong>, og WordPress-hj\u00e6lpefunktionen <code>get_template_directory_uri()<\/code> hj\u00e6lper med at oprette en <a href=\"https:\/\/kinsta.com\/blog\/what-is-a-url\/\">URL<\/a> til JavaScript-filen i temaets mapper.<\/p>\n<p>Et array af andre handles fort\u00e6ller WordPress, at <strong>my_script<\/strong> afh\u00e6nger af jQuery core, jQuery-UI core og jQuery-UI datepicker-pluginet Endelig har vi tildelt scriptets versionsnummer 1.0 og bedt om at f\u00e5 det placeret n\u00e6r bunden af siden.<\/p>\n<h3>S\u00e5dan indl\u00e6ses jQuery fra et CDN i WordPress<\/h3>\n<p>Vi ved, at jQuery kan serveres fra flere content delivery networks. Vi ved ogs\u00e5, at WordPress ud af boksen \u00f8nsker at indl\u00e6se jQuery og mange jQuery-plugins fra filsystemet p\u00e5 den lokale webserver.<\/p>\n<p>Du kan \u00e6ndre denne adf\u00e6rd ved at fjerne de konfigurationsoplysninger, der er registreret med det eksisterende <strong>jquery<\/strong>-handle, og omskrive dem. For at g\u00f8re det skal du tilf\u00f8je en kodeblok i <strong>functions.php<\/strong>, der begynder med funktionen <code>wp_deregister_script()<\/code>:<\/p>\n<pre><code class=\"language-php\">\/\/ 'my_custom_scripts' is a function name of your choice\nfunction my_custom_scripts() {\n    wp_deregister_script('jquery');\n    wp_register_script(\n        'jquery', \n        'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js',\n         null,\n        '3.6.0',\n         False\n    ); \n    wp_enqueue_script( \n        'my_script'\n        get_template_directory_uri() . '\/assets\/js\/my_script.js',\n        array( 'jquery', 'jquery-ui-core', 'jquery-ui-datepicker' ),\n        '1.0',\n        true\n    ); \n } \nadd_action( 'wp_enqueue_scripts', 'my_custom_scripts' );<\/code><\/pre>\n<p><strong>Jquery<\/strong>-handle\u00a0er blevet tildelt jQuery-biblioteket p\u00e5 Cloudflare CDN, og det er fortsat en afh\u00e6ngighed for det lokale <strong>my_script<\/strong>. Du kan bruge den samme fremgangsm\u00e5de til at hente andre jQuery-komponenter \u2014 som jQuery-UI \u2014 fra et CDN.<\/p>\n<p>Hvis du vil vide mere om jQuery og WordPress, har vi en vejledning til fejlfinding af konfigurationsproblemer, der kan resultere i fejl som &#8220;<a href=\"https:\/\/kinsta.com\/blog\/jquery-is-not-defined\/\" rel=\"noopener\">jQuery Is Not Defined<\/a>&#8220;.<\/p>\n\n<h2>Opsummering<\/h2>\n<p>I mere end 15 \u00e5r har open source-biblioteket jQuery hjulpet udviklere med at bygge rige, dynamiske webapplikationer med s\u00e5 lidt kodning som muligt. I dag bruges jQuery p\u00e5 flere websteder end noget andet JavaScript-bibliotek.<\/p>\n<p>Det er ogs\u00e5 inkluderet i nogle popul\u00e6re content management systemer, herunder WordPress. Desuden hj\u00e6lper et robust \u00f8kosystem af jQuery-plugins, der er oprettet af andre JavaScript-programm\u00f8rer, udviklere med forskellige niveauer af erfaring med at tilf\u00f8je avancerede funktioner til deres websteder.<\/p>\n<p>Og hvis du \u00f8nsker at bygge jQuery-drevne websteder og applikationer, skal du tage et kig p\u00e5 Kinstas <a href=\"https:\/\/kinsta.com\/dk\/wordpress-hosting\/\" rel=\"noopener\">Administreret WordPress-hostingplaner<\/a> og <a href=\"https:\/\/sevalla.com\/application-hosting\/\">applikations-<\/a> og <a href=\"https:\/\/sevalla.com\/database-hosting\/\">databasehosting<\/a>l\u00f8sninger.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Det ville v\u00e6re sv\u00e6rt at overvurdere den indflydelse jQuery har haft p\u00e5 webudvikling, efter at JavaScript-biblioteket med \u00e5ben kildekode blev frigivet for mere end 15 \u00e5r &#8230;<\/p>\n","protected":false},"author":259,"featured_media":45414,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[559,560,497],"topic":[705],"class_list":["post-45413","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-javascript","tag-jquery","tag-languages","topic-javascript-frameworks"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Hvad er jQuery? Et kig p\u00e5 nettets mest anvendte JavaScript-bibliotek<\/title>\n<meta name=\"description\" content=\"Open Source JQuery JavaScript Library hj\u00e6lper udviklere med at opbygge dynamiske webapplikationer med s\u00e5 lidt kodning som muligt. L\u00e6r mere.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hvad er jQuery? Et kig p\u00e5 websidens mest anvendte JavaScript-bibliotek\" \/>\n<meta property=\"og:description\" content=\"Open Source JQuery JavaScript Library hj\u00e6lper udviklere med at opbygge dynamiske webapplikationer med s\u00e5 lidt kodning som muligt. L\u00e6r mere.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-27T10:55:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T19:04:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/09\/what-is-jquery.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Steve Bonisteel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Open Source JQuery JavaScript Library hj\u00e6lper udviklere med at opbygge dynamiske webapplikationer med s\u00e5 lidt kodning som muligt. L\u00e6r mere.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/09\/what-is-jquery.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_dk\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_dk\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Bonisteel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/\"},\"author\":{\"name\":\"Steve Bonisteel\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\"},\"headline\":\"Hvad er jQuery? Et kig p\u00e5 websidens mest anvendte JavaScript-bibliotek\",\"datePublished\":\"2022-09-27T10:55:18+00:00\",\"dateModified\":\"2025-10-01T19:04:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/\"},\"wordCount\":2422,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/09\/what-is-jquery.png\",\"keywords\":[\"JavaScript\",\"jQuery\",\"languages\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/\",\"url\":\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/\",\"name\":\"Hvad er jQuery? Et kig p\u00e5 nettets mest anvendte JavaScript-bibliotek\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/09\/what-is-jquery.png\",\"datePublished\":\"2022-09-27T10:55:18+00:00\",\"dateModified\":\"2025-10-01T19:04:26+00:00\",\"description\":\"Open Source JQuery JavaScript Library hj\u00e6lper udviklere med at opbygge dynamiske webapplikationer med s\u00e5 lidt kodning som muligt. L\u00e6r mere.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/09\/what-is-jquery.png\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/09\/what-is-jquery.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/dk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript-frameworks\",\"item\":\"https:\/\/kinsta.com\/dk\/emner\/javascript-frameworks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Hvad er jQuery? Et kig p\u00e5 websidens mest anvendte JavaScript-bibliotek\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/dk\/#website\",\"url\":\"https:\/\/kinsta.com\/dk\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Hurtig, sikker, premium hostingl\u00f8sninger\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/dk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/dk\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\",\"https:\/\/x.com\/kinsta_dk\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\",\"name\":\"Steve Bonisteel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"caption\":\"Steve Bonisteel\"},\"description\":\"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.\",\"url\":\"https:\/\/kinsta.com\/dk\/blog\/author\/stevebonisteel\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hvad er jQuery? Et kig p\u00e5 nettets mest anvendte JavaScript-bibliotek","description":"Open Source JQuery JavaScript Library hj\u00e6lper udviklere med at opbygge dynamiske webapplikationer med s\u00e5 lidt kodning som muligt. L\u00e6r mere.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/","og_locale":"da_DK","og_type":"article","og_title":"Hvad er jQuery? Et kig p\u00e5 websidens mest anvendte JavaScript-bibliotek","og_description":"Open Source JQuery JavaScript Library hj\u00e6lper udviklere med at opbygge dynamiske webapplikationer med s\u00e5 lidt kodning som muligt. L\u00e6r mere.","og_url":"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","article_published_time":"2022-09-27T10:55:18+00:00","article_modified_time":"2025-10-01T19:04:26+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/09\/what-is-jquery.png","type":"image\/png"}],"author":"Steve Bonisteel","twitter_card":"summary_large_image","twitter_description":"Open Source JQuery JavaScript Library hj\u00e6lper udviklere med at opbygge dynamiske webapplikationer med s\u00e5 lidt kodning som muligt. L\u00e6r mere.","twitter_image":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/09\/what-is-jquery.png","twitter_creator":"@kinsta_dk","twitter_site":"@kinsta_dk","twitter_misc":{"Skrevet af":"Steve Bonisteel","Estimeret l\u00e6setid":"15 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/"},"author":{"name":"Steve Bonisteel","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f"},"headline":"Hvad er jQuery? Et kig p\u00e5 websidens mest anvendte JavaScript-bibliotek","datePublished":"2022-09-27T10:55:18+00:00","dateModified":"2025-10-01T19:04:26+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/"},"wordCount":2422,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/09\/what-is-jquery.png","keywords":["JavaScript","jQuery","languages"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/","url":"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/","name":"Hvad er jQuery? Et kig p\u00e5 nettets mest anvendte JavaScript-bibliotek","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/09\/what-is-jquery.png","datePublished":"2022-09-27T10:55:18+00:00","dateModified":"2025-10-01T19:04:26+00:00","description":"Open Source JQuery JavaScript Library hj\u00e6lper udviklere med at opbygge dynamiske webapplikationer med s\u00e5 lidt kodning som muligt. L\u00e6r mere.","breadcrumb":{"@id":"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#primaryimage","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/09\/what-is-jquery.png","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/09\/what-is-jquery.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/dk\/blog\/hvad-er-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/dk\/"},{"@type":"ListItem","position":2,"name":"JavaScript-frameworks","item":"https:\/\/kinsta.com\/dk\/emner\/javascript-frameworks\/"},{"@type":"ListItem","position":3,"name":"Hvad er jQuery? Et kig p\u00e5 websidens mest anvendte JavaScript-bibliotek"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/dk\/#website","url":"https:\/\/kinsta.com\/dk\/","name":"Kinsta\u00ae","description":"Hurtig, sikker, premium hostingl\u00f8sninger","publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/dk\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/dk\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","https:\/\/x.com\/kinsta_dk","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f","name":"Steve Bonisteel","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","caption":"Steve Bonisteel"},"description":"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.","url":"https:\/\/kinsta.com\/dk\/blog\/author\/stevebonisteel\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/45413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/users\/259"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/comments?post=45413"}],"version-history":[{"count":16,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/45413\/revisions"}],"predecessor-version":[{"id":47475,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/45413\/revisions\/47475"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45413\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45413\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45413\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45413\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45413\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45413\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45413\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45413\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45413\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45413\/translations\/dk"},{"href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45413\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media\/45414"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media?parent=45413"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/tags?post=45413"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/topic?post=45413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}