English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Una parte molto importante di jQuery è la capacità di manipolare gli elementi DOM.
jQuery fornisce metodi efficaci per manipolare elementi HTML, attributi e CSS.
Questi metodi controllano e operano sulle proprietà di classe assegnate agli elementi:
| 方法 | 描述 |
|---|---|
| addClass() | Aggiungi un nome di classe o più classi a un elemento selezionato |
| hasClass() | Controlla se qualsiasi elemento selezionato ha il nome di classe specificato |
| removeClass() | Rimuovi una o più classi dall'elemento selezionato |
| toggleClass() | Commuta tra aggiungere/rimuovere una o più classi dall'elemento selezionato |
Questo metodo ci permette di copiare l'elemento:
| 方法 | 描述 |
|---|---|
| clone() | Crea una copia profonda dell'elemento selezionato |
Questi metodi ci permettono di inserire nuovo contenuto intorno al contenuto esistente:
| 方法 | 描述 |
|---|---|
| wrap() | Avvolgi ogni elemento selezionato con un elemento HTML |
| wrapAll() | Avvolgi tutti gli elementi selezionati con un elemento HTML |
| wrapInner() | Avvolgi il contenuto di ogni elemento selezionato con un elemento HTML |
Questi metodi ci permettono di inserire nuovo contenuto all'interno dell'elemento esistente:
| 方法 | 描述 |
|---|---|
| append() | Inserisci il contenuto alla fine dell'elemento selezionato |
| appendTo() | Inserisci un elemento HTML alla fine dell'elemento selezionato |
| html() | Imposta o ottieni il contenuto HTML dell'elemento selezionato |
| prepend() | Inserisci il contenuto all'inizio dell'elemento selezionato |
| prependTo() | Inserisci un elemento HTML all'inizio dell'elemento selezionato |
| text() | Imposta o ottieni il contenuto testuale dell'elemento selezionato |
Questi metodi ci permettono di inserire nuovo contenuto al di fuori dell'elemento esistente:
| 方法 | 描述 |
|---|---|
| after() | Inserisci il contenuto dopo l'elemento selezionato |
| before() | Inserisci il contenuto prima dell'elemento selezionato |
| insertAfter() | Inserisci un elemento HTML dopo l'elemento selezionato |
| insertBefore() | Inserisci un elemento HTML prima dell'elemento selezionato |
Questi metodi ci permettono di eliminare elementi dal DOM:
| 方法 | 描述 |
|---|---|
| detach() | Elimina l'elemento selezionato (mantenendo dati e eventi) |
| empty() | Elimina tutti i nodi figli dell'elemento selezionato (inclusi i nodi di testo) |
| remove() | Elimina l'elemento selezionato (inclusi dati e eventi) |
| unwrap() | Elimina l'elemento genitore dell'elemento selezionato |
Questi metodi vengono utilizzati per eliminare il contenuto dal DOM e sostituirlo con nuovo contenuto:
| 方法 | 描述 |
|---|---|
| replaceAll() | Sostituisci l'elemento selezionato con un nuovo elemento HTML |
| replaceWith() | Sostituisci il contenuto selezionato con nuovo contenuto |
Questi metodi ottengono e impostano gli attributi DOM dell'elemento:
| 方法 | 描述 |
|---|---|
| attr() | Imposta o restituisce l'attributo/valore dell'elemento selezionato |
| prop() | Imposta o restituisce l'attributo/valore dell'elemento selezionato |
| removeAttr() | Elimina uno o più attributi dall'elemento selezionato |
| removeProp() | Elimina l'attributo impostato con il metodo prop() |
| val() | Imposta o restituisce l'attributo value dell'elemento selezionato (per gli elementi del modulo) |
这些方法获取并设置元素的CSS相关属性：
| 方法 | 描述 |
|---|---|
| css() | 为所选元素设置或返回一个或多个样式属性 |
| height() | 设置或返回选定元素的高度 |
| innerHeight() | 设置或返回元素的高度（包括填充，但不包括边框） |
| innerWidth() | 设置或返回元素的宽度（包括填充，但不包括边框） |
| offset() | 设置或返回所选元素的偏移坐标（相对于文档） |
| offsetParent() | 返回第一个定位的父元素 |
| outerHeight() | 设置或返回元素的高度（包括填充，边框和可选的边距） |
| outerWidth() | 设置或返回元素的宽度（包括填充，边框和可选的边距） |
| position() | 返回元素相对于偏移父级的位置 |
| scrollLeft() | 设置或返回所选元素的水平滚动条位置 |
| scrollTop() | 设置或返回所选元素的垂直滚动条位置 |
| width() | 设置或返回所选元素的宽度 |