{"id":59820,"date":"2022-09-09T08:59:31","date_gmt":"2022-09-09T07:59:31","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=59820&#038;post_type=knowledgebase&#038;preview_id=59820"},"modified":"2025-10-01T20:45:49","modified_gmt":"2025-10-01T19:45:49","slug":"jquery","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/jquery\/","title":{"rendered":"Cosa \u00e8 jQuery? Uno Sguardo alla Libreria JavaScript Pi\u00f9 Usata del Web"},"content":{"rendered":"<p>\u00c8 difficile sopravvalutare l&#8217;impatto che <a href=\"https:\/\/kinsta.com\/it\/blog\/librerie-javascript\/#jquery\" rel=\"noopener\">jQuery<\/a> ha avuto sullo sviluppo web dopo il rilascio della libreria JavaScript open-source pi\u00f9 di 15 anni fa. Una cassetta degli attrezzi che ha creato una nuova scorciatoia per la <a href=\"https:\/\/kinsta.com\/it\/blog\/miglior-linguaggio-di-programmazione\/#javascript\" rel=\"noopener\">programmazione JavaScript<\/a> altrimenti complessa, jQuery continua a essere all&#8217;altezza del motto dei suoi sviluppatori: &#8220;Scrivi meno, fai di pi\u00f9&#8221;.<\/p>\n<p>Ancora oggi, jQuery \u00e8 popolare tra sviluppatrici e sviluppatori professionisti, mentre altri con poca o nessuna esperienza di programmazione possono usare la libreria per aggiungere funzionalit\u00e0 avanzate ai loro siti web. Ecco cosa c&#8217;\u00e8 dietro una delle pi\u00f9 grandi storie di successo <a href=\"https:\/\/kinsta.com\/web-development\/\" rel=\"noopener\">dello sviluppo web<\/a>.<\/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>Quanto \u00c8 Popolare jQuery?<\/h2>\n<p>L&#8217;indagine di StackOverflow del 2022 sulle <a href=\"https:\/\/survey.stackoverflow.co\/2022\/#most-popular-technologies-webframe-prof\" target=\"_blank\" rel=\"noopener noreferrer\">tecnologie web usate dagli sviluppatori professionisti<\/a> ha rilevato che poco pi\u00f9 del 29% degli oltre 45.000 intervistati lavorava con jQuery. Tra le <a href=\"https:\/\/kinsta.com\/it\/blog\/librerie-javascript\/#the-most-popular-javascript-libraries\" rel=\"noopener\">librerie JavaScript<\/a>, jQuery \u00e8 seconda solo a <a href=\"https:\/\/kinsta.com\/it\/blog\/react-js\/\" rel=\"noopener\">React.js<\/a>, la libreria sviluppata per la prima volta da Facebook (ora Meta) nel 2011 e che ora \u00e8 adottata da oltre il 44% degli sviluppatori.<\/p>\n<figure id=\"attachment_131764\" aria-describedby=\"caption-attachment-131764\" 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 con jQuery tra le tecnologie pi\u00f9 popolari nel sondaggio di StackOverflow che ha coinvolto pi\u00f9 di 45 mila sviluppatori nel 2022.\" width=\"1024\" height=\"490\"><figcaption id=\"caption-attachment-131764\" class=\"wp-caption-text\">Framework e tecnologie web pi\u00f9 diffusi nel 2022. (Fonte: <a href=\"https:\/\/survey.stackoverflow.co\/2022\/\" target=\"_blank\" rel=\"noopener noreferrer\">StackOverflow<\/a>)<\/figcaption><\/figure>\n<p>Ma i progetti attuali degli sviluppatori web non raccontano tutta la storia. In base alle <a href=\"https:\/\/trends.builtwith.com\/javascript\/jQuery\" target=\"_blank\" rel=\"noopener noreferrer\">tendenze tecnologiche<\/a> di BuiltWith, jQuery sar\u00e0 presente in oltre 80 milioni di siti web nel 2022. Si tratta di un vantaggio enorme rispetto ai quasi 11 milioni di siti web che usano React.<\/p>\n\n<p>La libreria jQuery \u00e8 stata integrata nel nucleo di WordPress per oltre un decennio, e questo l\u2019ha resa disponibile a centinaia di <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-wordpress-veloci\/\" rel=\"noopener\">temi<\/a> che si affidano alle sue funzionalit\u00e0 per creare siti web dinamici. <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-contro-drupal\/\" rel=\"noopener\">Drupal<\/a> \u00e8 un altro popolare <a href=\"https:\/\/kinsta.com\/it\/blog\/content-management-system\/\" rel=\"noopener\">sistema di gestione dei contenuti<\/a> che ha incluso jQuery tra i suoi componenti principali. Indipendentemente dalle tecnologie attualmente preferite dagli sviluppatori, jQuery rimane la libreria JavaScript <em>pi\u00f9 utilizzata<\/em> sul web.<\/p>\n<h2>Breve Storia di jQuery<\/h2>\n<p>La <a href=\"https:\/\/kinsta.com\/it\/mercato-globale-dei-browser\/\" rel=\"noopener\">battaglia dei browser<\/a> \u00e8 iniziata fin dall&#8217;inizio del web e gli sviluppatori ne sono sempre stati le vittime. Nel 2006, quando lo sviluppatore web John Resig present\u00f2 jQuery, il browser Internet Explorer di Microsoft era il <a href=\"https:\/\/www.visualcapitalist.com\/internet-browser-market-share\/\" target=\"_blank\" rel=\"noopener noreferrer\">leader indiscusso del mercato<\/a>, un&#8217;inversione di tendenza rispetto al vantaggio di Netscape di meno di dieci anni prima.<\/p>\n<p>All&#8217;epoca, il nuovo Firefox di Mozilla aveva una quota di mercato del 10% (rispetto all&#8217;84% di Microsoft) e Safari di Apple era appena apparso sulla scena. Chrome di Google, oggi leader di mercato, non esisteva ancora. I programmatori JavaScript come Resig lottavano regolarmente per scrivere codice che potesse funzionare su tutti i browser.<\/p>\n<p>La sua nuova libreria jQuery \u00e8 stata creata per risolvere le differenze nel modo in cui JavaScript veniva implementato da questi browser e per aiutare gli sviluppatori a scrivere meno codice e a svolgere compiti come questi:<\/p>\n<ul>\n<li>Manipolare gli <a href=\"https:\/\/kinsta.com\/it\/blog\/html\/\">elementi HTML<\/a> di una pagina web<\/li>\n<li>Modificare dinamicamente i CSS<\/li>\n<li>Rispondere a eventi come i clic del mouse e la pressione di tasti<\/li>\n<li>Gestire le richieste Ajax per aggiornare il contenuto di una pagina senza ricaricarla<\/li>\n<\/ul>\n<p>Dopo il rilascio della libreria da parte di Resig, altri sviluppatori hanno realizzato applicazioni basate su jQuery, spesso condividendo il loro lavoro come plugin per rendere disponibili a tutti le nuove funzionalit\u00e0.<\/p>\n<h3>Cos&#8217;\u00c8 jQuery UI?<\/h3>\n<p><a href=\"https:\/\/jqueryui.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">jQuery UI<\/a> \u00e8 una <a href=\"https:\/\/trends.builtwith.com\/javascript\/jQuery-UI\" target=\"_blank\" rel=\"noopener noreferrer\">popolare raccolta di plugin<\/a> progettati per migliorare le interfacce utente. \u00c8 considerato un compagno &#8220;ufficiale&#8221; della libreria jQuery di base e aggiunge una serie di effetti speciali e widget come il selezionatore di date, le barre di avanzamento, i cursori, gli spinner e i pannelli a schede o pieghevoli.<\/p>\n<h2>Qual \u00c8 la Differenza tra jQuery e JavaScript?<\/h2>\n<p><strong>\u00c8 importante sapere che jQuery <em>\u00e8<\/em><\/strong> JavaScript. Quando usate jQuery, lavoriate con istanze di oggetti JavaScript che riflettono le convenzioni di denominazione di jQuery per i metodi (funzioni) e le propriet\u00e0. Diamo un&#8217;occhiata a <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-javascript\/#vanilla-javascript\" rel=\"noopener\">JavaScript<\/a> e jQuery, che affrontano lo stesso compito.<\/p>\n<p>Ecco un frammento di HTML in una pagina web:<\/p>\n<pre><code class=\"language-html\">&lt;p id=\"target\"&gt;Old text&lt;\/p&gt;<\/code><\/pre>\n<p>Il codice JavaScript vanilla in grado di trovare l&#8217;elemento <code>&lt;p&gt;<\/code> con il tag <code>id<\/code> &#8220;target&#8221; &#8211; e quindi di sostituire il testo tra i tag &#8211; potrebbe assomigliare a questo:<\/p>\n<pre><code class=\"language-js\">const content = document.getElementById( \"target\" );\ncontent.textContent = \"New text\";<\/code><\/pre>\n<p>Il metodo <code>getElementById()<\/code> di JavaScript restituisce un oggetto che include l&#8217;HTML e il contenuto testuale del paragrafo con il &#8220;target&#8221; <code>id<\/code>. L&#8217;oggetto viene assegnato al riferimento costante <code>content<\/code>, quindi la sua propriet\u00e0 <code>textContent<\/code> viene modificata in &#8220;Nuovo testo&#8221;.<\/p>\n<p>JavaScript consente di concatenare i metodi, rendendo possibile ottenere quanto sopra con una sola istruzione:<\/p>\n<pre><code class=\"language-js\"> document.getElementById( \"target\" ).textContent = \"New text\"; <\/code><\/pre>\n<p>Non sorprende quindi che sia possibile concatenare anche le azioni di jQuery. Per cambiare &#8220;Vecchio testo&#8221; in &#8220;Nuovo testo&#8221; usando jQuery, potreste fare cos\u00ec:<\/p>\n<pre><code class=\"language-js\">$( \"#target\" ).text( \"New text\" );<\/code><\/pre>\n<p>Il segno del dollaro (<code>$<\/code>) \u00e8 un alias breve per <code>jQuery<\/code> e <code>( \"#target\" )<\/code> \u00e8 un esempio di selettore jQuery. In questo caso, il selettore cerca un elemento HTML con l&#8217;indirizzo <code>id<\/code> del nostro paragrafo di destinazione. Il metodo jQuery <code>text()<\/code> viene concatenato per rendere &#8220;Nuovo testo&#8221; il contenuto del paragrafo.<\/p>\n<h2>Come Usare jQuery sul Vostro Sito Web<\/h2>\n<p>Aggiungete jQuery al vostro sito web collegando il codice della libreria dalle pagine del sito. La libreria jQuery pu\u00f2 trovarsi sul vostro server web o su una <a href=\"https:\/\/kinsta.com\/it\/blog\/cdn-per-wordpress\/\" rel=\"noopener\">rete di distribuzione di contenuti (CDN)<\/a> accessibile al pubblico. Il sito ufficiale di jQuery pu\u00f2 fornirvi le <a href=\"https:\/\/jquery.com\/download\/\" target=\"_blank\" rel=\"noopener noreferrer\">ultime versioni della libreria.<\/a><\/p>\n<p>La libreria jQuery \u00e8 disponibile in <a href=\"https:\/\/kinsta.com\/it\/blog\/minimizzare-javascript\/\">JavaScript minificato (compresso)<\/a> per un caricamento veloce in produzione o non compresso per la leggibilit\u00e0 e il debug.<\/p>\n<figure id=\"attachment_131765\" aria-describedby=\"caption-attachment-131765\" 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=\"Schermata del sito web ufficiale di jQuery con il link per il download in evidenza.\" width=\"1017\" height=\"498\"><figcaption id=\"caption-attachment-131765\" class=\"wp-caption-text\">Il sito ufficiale di jQuery.<\/figcaption><\/figure>\n<p>Dovrete anche scrivere almeno un po&#8217; di JavaScript per invocare jQuery e affrontare compiti specifici della vostra applicazione web. Nell&#8217;HTML delle pagine del vostro sito web, potete collegare la libreria jQuery e il file contenente il vostro codice in questo modo:<\/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>In questo esempio, la versione 3.6.0 di jQuery e il codice specifico del sito in un file chiamato <strong>my_script.js<\/strong> si trovano nella directory<code>\/js\/<\/code> del sito web. La libreria jQuery \u00e8 solitamente inclusa nella sezione <code>&lt;head&gt;<\/code> di una pagina web. \u00c8 comune che gli sviluppatori inseriscano alcuni link ai file JavaScript, compreso il codice che si basa sulla libreria jQuery, nella parte inferiore della pagina, di solito appena prima della chiusura del tag <code>&lt;body&gt;<\/code>. Il codice specifico del sito che richiama jQuery deve sempre apparire <strong>dopo<\/strong> il link alla libreria stessa.<\/p>\n<h3>Collegarsi a jQuery su un CDN<\/h3>\n<p>La libreria jQuery viene spesso scaricata pi\u00f9 velocemente se fornita da un <a href=\"https:\/\/kinsta.com\/it\/blog\/cdn-per-wordpress\/\">CDN solido<\/a>. jQuery \u00e8 cos\u00ec diffuso sul web che \u00e8 molto probabile che un visitatore del vostro sito abbia gi\u00e0 la libreria nella cache del suo browser per diversi CDN. Possiamo modificare lo snippet HTML qui sopra per usare la rete di distribuzione dei contenuti JavaScript di Cloudflare in questo modo:<\/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>Invocare jQuery nella Vostra Applicazione<\/h3>\n<p>Quando scrivete la vostra applicazione jQuery, una buona pratica \u00e8 quella di verificare che la pagina web abbia terminato il caricamento prima che il vostro codice inizi a essere eseguito. Potete verificarlo utilizzando il metodo <code>ready()<\/code>, che vi permette di inviare il codice quando il documento \u00e8 stato caricato, come in questo caso:<\/p>\n<pre><code class=\"language-js\">$(document).ready(function() {\n  \/\/ Your jQuery application will go here\n});<\/code><\/pre>\n<p>Questo inizio per un&#8217;applicazione jQuery \u00e8 cos\u00ec comune che gli sviluppatori della libreria hanno ideato una sintassi ancora pi\u00f9 breve:<\/p>\n<pre><code class=\"language-js\">$(function() {\n  \/\/ Your jQuery application will go here\n});<\/code><\/pre>\n<h3>Selezionare Elementi nel DOM con jQuery<\/h3>\n<p>La base della maggior parte delle applicazioni jQuery \u00e8 la capacit\u00e0 di attraversare la struttura di una pagina web come un oggetto (il <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-javascript\/#the-javascript-dom\" rel=\"noopener\">modello a oggetti del documento, o DOM<\/a>) e di puntare a vari elementi all&#8217;interno dell&#8217;HTML. La selezione di un elemento (o di un gruppo di elementi) \u00e8 il passo successivo all&#8217;<em>azione <\/em>su quell&#8217;elemento, come la modifica del suo aspetto o l&#8217;aggiornamento dei contenuti vicini. I selettori di jQuery puntano alle propriet\u00e0 del DOM in diversi modi. I pi\u00f9 comuni includono:<\/p>\n<ul>\n<li>Per nome dell&#8217;elemento HTML (tag)<\/li>\n<li>Dalle propriet\u00e0 CSS (compresi gli ID e i nomi delle classi)<\/li>\n<li>Dalla posizione relativa di un elemento all&#8217;interno del DOM<\/li>\n<li>Dal valore del contenuto dei campi dei moduli<\/li>\n<li>Dallo stato attuale di un elemento<\/li>\n<\/ul>\n<p>Ecco alcuni esempi:<\/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>Potete combinare i selettori di jQuery per ottenere un&#8217;impostazione pi\u00f9 specifica. Esempi:<\/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>Manipolare il DOM con jQuery<\/h3>\n<p>Ora che sapete come selezionare i vari elementi di una pagina web, potete modificarli usando i metodi jQuery. Come gi\u00e0 accennato, spesso potete concatenare queste azioni per ottenere molto con poco codice. Alcuni esempi:<\/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>Gestire gli Eventi con jQuery<\/h3>\n<p>Il tipo di manipolazione del DOM descritto sopra passerebbe inosservato ai visitatori del web se avvenisse non appena la pagina viene caricata. Ecco perch\u00e9 la vostra applicazione jQuery pu\u00f2 rilevare e rispondere a eventi come i clic del mouse, il movimento del mouse, la pressione dei tasti e altro ancora per creare un&#8217;esperienza davvero reattiva.<\/p>\n<h4>Rilevare i Clic del Mouse con jQuery<\/h4>\n<p>Rispondere al clic del mouse (o a un tocco su un dispositivo touch-screen) \u00e8 un compito comune per le applicazioni web. Abbiamo combinato jQuery e HTML in un esempio che sfrutta anche l&#8217;oggetto <code>event<\/code> di jQuery, che conterr\u00e0 informazioni utili sul nostro &#8220;evento click&#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>Il risultato:<\/p>\n<figure id=\"attachment_131769\" aria-describedby=\"caption-attachment-131769\" 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=\"Schermata che illustra il rilevamento del clic del mouse su pi\u00f9 pulsanti.\" width=\"1024\" height=\"426\"><figcaption id=\"caption-attachment-131769\" class=\"wp-caption-text\">Rilevamento dei clic del mouse.<\/figcaption><\/figure>\n<h4><strong>Rilevare il Movimento del Mouse con jQuery<\/strong><\/h4>\n<p>Conoscere la posizione attuale del puntatore del mouse su una pagina web \u00e8 utile in molte applicazioni web responsive. Ecco un esempio di come jQuery pu\u00f2 aiutare:<\/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>L&#8217;esempio precedente mostra anche come il metodo <code>css()<\/code> di jQuery possa essere utilizzato per impostare pi\u00f9 propriet\u00e0 CSS contemporaneamente. Ecco il risultato:<\/p>\n<figure id=\"attachment_131768\" aria-describedby=\"caption-attachment-131768\" 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=\"Schermata che illustra il rilevamento del passaggio del mouse su pi\u00f9 blocchi di div.\" width=\"1024\" height=\"461\"><figcaption id=\"caption-attachment-131768\" class=\"wp-caption-text\">Rilevamento degli eventi mouse-over.<\/figcaption><\/figure>\n<h3>Gestire le Richieste Ajax con jQuery<\/h3>\n<p>Gran parte della popolarit\u00e0 di jQuery \u00e8 dovuta alla sua capacit\u00e0 di semplificare le richieste Ajax che le applicazioni web possono usare per scambiare dati con i server senza ricaricare le pagine. La libreria dispone di molti strumenti per gestire le richieste Ajax di dati in formato testo normale, HTML, XML e JSON. L&#8217;approccio di jQuery \u00e8 quello di offrire opzioni abbreviate per le attivit\u00e0 pi\u00f9 comuni. Uno dei pi\u00f9 semplici strumenti di Ajax \u00e8 il metodo <code>load()<\/code>:<\/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>Con sole tre righe di <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> e due elementi HTML si possono fare molte cose. Il risultato sarebbe simile a questo:<\/p>\n<figure id=\"attachment_131771\" aria-describedby=\"caption-attachment-131771\" 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=\"Schermata di un'area di testo su un sito web prima e dopo una richiesta Ajax.\" width=\"984\" height=\"375\"><figcaption id=\"caption-attachment-131771\" class=\"wp-caption-text\">Il metodo jQuery load() aggiunge contenuti senza aggiornare la pagina.<\/figcaption><\/figure>\n<h3>Come Usare jQuery UI<\/h3>\n<p>Aggiungendo i plugin jQuery UI ai vostri progetti, avrete accesso a molti effetti speciali e widget costruiti sulla libreria jQuery di base. Ecco un esempio di utilizzo di jQuery UI per aggiungere un calendario pop-up come selezionatore di date all&#8217;interno di un modulo web.<\/p>\n<p>Per prima cosa, aggiungete la libreria jQuery UI e il suo CSS di supporto alle vostre pagine web. In questo esempio, ci colleghiamo alle librerie presenti sul CDN JavaScript di Cloudflare insieme alla libreria jQuery principale:<\/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>Successivamente, aggiungete un campo del modulo <code>input<\/code> all&#8217;interno del vostro HTML e, tramite JavaScript, collegate il metodo <code>datepicker()<\/code> di jQuery UI utilizzando un selettore:<\/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>Cliccando sul campo del modulo <code>input<\/code> si avvier\u00e0 il selezionatore di date:<\/p>\n<figure id=\"attachment_131771\" aria-describedby=\"caption-attachment-131771\" 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=\"Schermata di un date-picker jQuery UI in uso.\" width=\"900\" height=\"317\"><figcaption id=\"caption-attachment-131771\" class=\"wp-caption-text\">Il date-picker di jQuery UI.<\/figcaption><\/figure>\n<h2>Come Usare jQuery in WordPress<\/h2>\n<p>La libreria jQuery viene fornita in bundle con WordPress ed \u00e8 un componente chiave di molti <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-wordpress-veloci\/\">temi WordPress<\/a>. Anche se il vostro tema attuale non usa gi\u00e0 jQuery, potete sfruttare la registrazione delle dipendenze JavaScript all&#8217;interno di WordPress per avere tutto il vostro codice jQuery funzionante.<\/p>\n<p>Per farlo, dovrete modificare il file <strong>functions.php<\/strong> che fa parte del vostro tema. Un aggiornamento del tema pu\u00f2 sovrascrivere questo file, quindi \u00e8 buona norma mantenere le modifiche al sicuro <a href=\"https:\/\/kinsta.com\/it\/blog\/child-theme-wordpress\/\" rel=\"noopener\">creando prima un tema figlio<\/a> e modificando il file <strong>functions.php<\/strong>. Come minimo, <a href=\"https:\/\/kinsta.com\/it\/docs\/hosting-wordpress\/wordpress-backup\/#wordpress-backup#create-wordpress-backup\" rel=\"noopener\">create un backup manuale di WordPress<\/a> prima di procedere.<\/p>\n<h3>Registrare il Vostro JavaScript jQuery in functions.php<\/h3>\n<p>Potete usare un client <a href=\"https:\/\/kinsta.com\/it\/blog\/ftp-sftp\/\" rel=\"noopener\">FTP o SFTP<\/a> per trasferire il file <strong>functions.php<\/strong> tra il vostro desktop e il server web per modificarlo. Gli <a href=\"https:\/\/kinsta.com\/it\/blog\/ruoli-utente-wordpress\/\">amministratori di WordPress<\/a> possono anche modificare <strong>functions.php<\/strong> all&#8217;interno del CMS:<\/p>\n<p>Dalla bacheca, selezionate <strong>Aspetto<\/strong> &gt; <strong>Editor file del tema.<\/strong><\/p>\n<figure id=\"attachment_131772\" aria-describedby=\"caption-attachment-131772\" 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=\"Schermata che mostra le opzioni di menu per avviare l'editor di file del tema WordPress.\" width=\"1024\" height=\"605\"><figcaption id=\"caption-attachment-131772\" class=\"wp-caption-text\">Avvio del Theme File Editor.<\/figcaption><\/figure>\n<p>Fate clic su <strong>Funzioni del tema<\/strong> nel menu di sinistra.<\/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=\"Schermata che evidenzia functions.php in un elenco di file all'interno del Theme File Editor.\" width=\"1024\" height=\"473\"><figcaption class=\"wp-caption-text\">All&#8217;interno dell&#8217;Editor dei file del tema.<\/figcaption><\/figure>\n<p>Il contenuto del file <strong>functions.php<\/strong> dipende dal tema attivo. Qui sopra sono riportate le funzioni del <a href=\"https:\/\/kinsta.com\/it\/blog\/twenty-twenty-one\/\" rel=\"noopener\">tema Twenty Twenty-One<\/a>. Potete aggiungere il vostro script jQuery alla configurazione del vostro sito utilizzando la funzione di utilit\u00e0 di WordPress <code>wp_enqueue_script()<\/code>.<\/p>\n<p>Ecco il modello di questa funzione:<\/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>Ed ecco cosa significa tutto questo:<\/p>\n<ul>\n<li><strong>$handle<\/strong>: Il nome intuitivo collegato a questo script. (La libreria jQuery \u00e8 gi\u00e0 registrata in WordPress con l&#8217;handle <strong>jquery<\/strong>)<\/li>\n<li><strong>$src<\/strong>: il percorso e il nome del file o l&#8217;URL che punta al codice sorgente JavaScript.<\/li>\n<li><strong>$deps: <\/strong>Gli handle di qualsiasi altra fonte JavaScript di cui questo script ha bisogno per funzionare correttamente.<\/li>\n<li><strong>$ver<\/strong>: Qualsiasi numero di versione che avete assegnato al codice sorgente JavaScript.<\/li>\n<li><strong>$in_footer<\/strong>: Se impostato su <strong>true<\/strong>, lo script verr\u00e0 aggiunto in fondo alla pagina. Altrimenti, gli script saranno inseriti nel blocco <code>&lt;head&gt;<\/code>.<\/li>\n<\/ul>\n<p>Dopo che uno script \u00e8 stato accodato, viene aggiunto a una pagina con la funzione <code>add_action()<\/code>. Per vedere tutto questo in azione, aggiungete un blocco come questo in fondo al vostro file <strong>functions.php<\/strong>:<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>Qui sopra, al nuovo script jQuery viene assegnato l&#8217;handle <strong>my_script<\/strong> e la funzione di utilit\u00e0 di WordPress <code>get_template_directory_uri()<\/code> aiuta a creare un <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-e-un-url\/\">URL<\/a> per il file JavaScript all&#8217;interno delle directory del tema.<\/p>\n<p>Un array di altri handle indica a WordPress che <strong>my_script<\/strong> dipende da jQuery core, jQuery-UI core e dal plugin jQuery-UI datepicker Infine, abbiamo assegnato allo script il numero di versione 1.0 e abbiamo chiesto che venga posizionato in fondo alla pagina.<\/p>\n<h3>Come Caricare jQuery da un CDN in WordPress<\/h3>\n<p>Sappiamo che jQuery pu\u00f2 essere servito da diverse reti di distribuzione dei contenuti. Sappiamo anche che WordPress vuole caricare jQuery e molti plugin jQuery dal file system del server web locale.<\/p>\n<p>Potete modificare questo comportamento eliminando le informazioni di configurazione registrate con l&#8217;handle <strong>jquery<\/strong> esistente e riscrivendole. Per farlo, aggiungete un blocco di codice in <strong>functions.php<\/strong> iniziando con la funzione <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>L&#8217;handle <strong>jquery<\/strong> \u00e8 stato assegnato alla libreria jQuery sul CDN Cloudflare e rimane una dipendenza per il <strong>my_script<\/strong> locale. Potete usare lo stesso approccio per prelevare altri componenti jQuery, come jQuery-UI, da un CDN.<\/p>\n<p>Per saperne di pi\u00f9 su jQuery e WordPress, abbiamo una guida alla risoluzione dei problemi di configurazione che possono causare errori come &#8220;<a href=\"https:\/\/kinsta.com\/it\/blog\/jquery-is-not-defined\/\" rel=\"noopener\">jQuery non \u00e8 definito<\/a>&#8221;<\/p>\n\n<h2>Riepilogo<\/h2>\n<p>Da oltre 15 anni, la libreria open-source jQuery aiuta gli sviluppatori a creare applicazioni web ricche e dinamiche con il minor numero possibile di codici. Oggi jQuery \u00e8 utilizzato su pi\u00f9 siti web di qualsiasi altra libreria JavaScript.<\/p>\n<p>Inoltre, include un bundle con alcuni popolari sistemi di gestione dei contenuti, tra cui WordPress. Un robusto ecosistema di plugin jQuery creati da altri programmatori JavaScript aiuta gli sviluppatori con diversi livelli di esperienza ad aggiungere funzionalit\u00e0 avanzate ai loro siti web.<\/p>\n<p>Se volete creare siti web e applicazioni basati su jQuery, date un&#8217;occhiata ai <a href=\"https:\/\/kinsta.com\/it\/prezzi\/\" rel=\"noopener\">piani di hosting WordPress gestito di Kinsta<\/a> e alle <a href=\"https:\/\/sevalla.com\/application-hosting\/\">soluzioni di hosting per applicazioni e database<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00c8 difficile sopravvalutare l&#8217;impatto che jQuery ha avuto sullo sviluppo web dopo il rilascio della libreria JavaScript open-source pi\u00f9 di 15 anni fa. Una cassetta degli &#8230;<\/p>\n","protected":false},"author":259,"featured_media":59821,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[25648,25655,26038],"topic":[25918],"class_list":["post-59820","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-javascript","tag-jquery","tag-languages","topic-framework-javascript"],"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>Cosa \u00e8 jQuery? Uno Sguardo alla Libreria JavaScript Pi\u00f9 Usata del Web<\/title>\n<meta name=\"description\" content=\"jQuery \u00e8 una libreria JavaScript open-source che permette di creare applicazioni web dinamiche con la minor quantit\u00e0 possibile di codice. Clicca per saperne di pi\u00f9.\" \/>\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\/it\/blog\/jquery\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cosa \u00e8 jQuery? Uno Sguardo alla Libreria JavaScript Pi\u00f9 Usata del Web\" \/>\n<meta property=\"og:description\" content=\"jQuery \u00e8 una libreria JavaScript open-source che permette di creare applicazioni web dinamiche con la minor quantit\u00e0 possibile di codice. Clicca per saperne di pi\u00f9.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-09T07:59:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T19:45:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/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=\"jQuery \u00e8 una libreria JavaScript open-source che permette di creare applicazioni web dinamiche con la minor quantit\u00e0 possibile di codice. Clicca per saperne di pi\u00f9.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/what-is-jquery.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Bonisteel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/jquery\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/jquery\/\"},\"author\":{\"name\":\"Steve Bonisteel\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\"},\"headline\":\"Cosa \u00e8 jQuery? Uno Sguardo alla Libreria JavaScript Pi\u00f9 Usata del Web\",\"datePublished\":\"2022-09-09T07:59:31+00:00\",\"dateModified\":\"2025-10-01T19:45:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/jquery\/\"},\"wordCount\":2496,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/jquery\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/what-is-jquery.png\",\"keywords\":[\"JavaScript\",\"jQuery\",\"languages\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/jquery\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/jquery\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/jquery\/\",\"name\":\"Cosa \u00e8 jQuery? Uno Sguardo alla Libreria JavaScript Pi\u00f9 Usata del Web\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/jquery\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/jquery\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/what-is-jquery.png\",\"datePublished\":\"2022-09-09T07:59:31+00:00\",\"dateModified\":\"2025-10-01T19:45:49+00:00\",\"description\":\"jQuery \u00e8 una libreria JavaScript open-source che permette di creare applicazioni web dinamiche con la minor quantit\u00e0 possibile di codice. Clicca per saperne di pi\u00f9.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/jquery\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/jquery\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/jquery\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/what-is-jquery.png\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/what-is-jquery.png\",\"width\":1460,\"height\":730,\"caption\":\"Cosa \u00e8 jQuery? Uno Sguardo alla Libreria JavaScript Pi\u00f9 Usata del Web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Framework JavaScript\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/framework-javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cosa \u00e8 jQuery? Uno Sguardo alla Libreria JavaScript Pi\u00f9 Usata del Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"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\/it\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\",\"name\":\"Steve Bonisteel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/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\/it\/blog\/author\/stevebonisteel\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cosa \u00e8 jQuery? Uno Sguardo alla Libreria JavaScript Pi\u00f9 Usata del Web","description":"jQuery \u00e8 una libreria JavaScript open-source che permette di creare applicazioni web dinamiche con la minor quantit\u00e0 possibile di codice. Clicca per saperne di pi\u00f9.","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\/it\/blog\/jquery\/","og_locale":"it_IT","og_type":"article","og_title":"Cosa \u00e8 jQuery? Uno Sguardo alla Libreria JavaScript Pi\u00f9 Usata del Web","og_description":"jQuery \u00e8 una libreria JavaScript open-source che permette di creare applicazioni web dinamiche con la minor quantit\u00e0 possibile di codice. Clicca per saperne di pi\u00f9.","og_url":"https:\/\/kinsta.com\/it\/blog\/jquery\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2022-09-09T07:59:31+00:00","article_modified_time":"2025-10-01T19:45:49+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/what-is-jquery.png","type":"image\/png"}],"author":"Steve Bonisteel","twitter_card":"summary_large_image","twitter_description":"jQuery \u00e8 una libreria JavaScript open-source che permette di creare applicazioni web dinamiche con la minor quantit\u00e0 possibile di codice. Clicca per saperne di pi\u00f9.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/what-is-jquery.png","twitter_creator":"@Kinsta_IT","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Steve Bonisteel","Tempo di lettura stimato":"17 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/jquery\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/jquery\/"},"author":{"name":"Steve Bonisteel","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f"},"headline":"Cosa \u00e8 jQuery? Uno Sguardo alla Libreria JavaScript Pi\u00f9 Usata del Web","datePublished":"2022-09-09T07:59:31+00:00","dateModified":"2025-10-01T19:45:49+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/jquery\/"},"wordCount":2496,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/what-is-jquery.png","keywords":["JavaScript","jQuery","languages"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/jquery\/","url":"https:\/\/kinsta.com\/it\/blog\/jquery\/","name":"Cosa \u00e8 jQuery? Uno Sguardo alla Libreria JavaScript Pi\u00f9 Usata del Web","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/jquery\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/what-is-jquery.png","datePublished":"2022-09-09T07:59:31+00:00","dateModified":"2025-10-01T19:45:49+00:00","description":"jQuery \u00e8 una libreria JavaScript open-source che permette di creare applicazioni web dinamiche con la minor quantit\u00e0 possibile di codice. Clicca per saperne di pi\u00f9.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/jquery\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/jquery\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/jquery\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/what-is-jquery.png","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2022\/09\/what-is-jquery.png","width":1460,"height":730,"caption":"Cosa \u00e8 jQuery? Uno Sguardo alla Libreria JavaScript Pi\u00f9 Usata del Web"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Framework JavaScript","item":"https:\/\/kinsta.com\/it\/argomenti\/framework-javascript\/"},{"@type":"ListItem","position":3,"name":"Cosa \u00e8 jQuery? Uno Sguardo alla Libreria JavaScript Pi\u00f9 Usata del Web"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","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\/it\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f","name":"Steve Bonisteel","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/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\/it\/blog\/author\/stevebonisteel\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/59820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/259"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=59820"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/59820\/revisions"}],"predecessor-version":[{"id":60019,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/59820\/revisions\/60019"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/59820\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/59820\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/59820\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/59820\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/59820\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/59820\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/59820\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/59820\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/59820\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/59820\/translations\/dk"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/59820\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/59821"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=59820"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=59820"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=59820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}