---
title: Ce este jQuery și cum îl folosesc în Magento 2?
description: "**jQuery** este o bibliotecă JavaScript pentru manipularea conținutului paginii și gestionarea evenimentelor. În Magento 2 se încarcă prin RequireJS. Exemplu de utilizare: ``` ``` ### jQuery UI **jQuery UI** extinde jQuery cu widget-uri, efecte și teme. Magento recomandă folosirea configurării…"
url: "https://www.hostx.ro/kb/ce-este-jquery-si-cum-il-utilizez-in-magento-2/"
updated: "2026-07-26"
category: Programare / Aplicații / Magento
tags:
  - Frontend
  - Magento 2
  - performanță
  - plugin
---

# Ce este jQuery și cum îl folosesc în Magento 2?

**jQuery** este o bibliotecă JavaScript pentru manipularea conținutului paginii și gestionarea evenimentelor. În Magento 2 se încarcă prin RequireJS.

Exemplu de utilizare:

```
<script>
require(['jquery'], function ($) {
    $("#elementul_meu").show();
});
</script>
```

### jQuery UI

**jQuery UI** extinde jQuery cu widget-uri, efecte și teme. Magento recomandă folosirea configurării prin atribute în locul apelurilor directe:

```
<div data-mage-init='{"collapsible": {"active": true}}'>...</div>
```

sau prin script-ul special `text/x-magento-init`.

### Modificare începând cu Magento 2.3.3

Din Magento 2.3.3, jQuery UI a fost împărțit în widget-uri separate, încărcate doar la nevoie, pentru performanță mai bună. Trebuie să elimini dependența generică `jquery/ui` — altfel apare avertismentul „Fallback to jQueryUI Compat activated". Folosește în schimb modulul specific:

```
define(['jquery', 'jquery-ui-modules/widget'], function ($) {
    'use strict';
    // codul tău
});
```

### Extinderea widget-urilor

Pentru a adăuga metode la un widget existent, folosește un **mixin** (prin `requirejs-config.js`); pentru cod nou, creează o componentă personalizată. Documentație: [developer.adobe.com/commerce](https://developer.adobe.com/commerce/frontend-core/javascript/).