In acest tutorial puteti invata cum se Adauga, Modifica si Sterge Atribute (precum id, class, href, disabled, etc.) la elemente HTML folosind jQuery.
Toate aceste actiuni pot fi efectuate cu metodele jQuery attr() si removeAttr().
$('element').attr('nume_atribut', 'valoare');Exemple:
$('div').click(function() { $(this).attr('id', 'valoare'); });
$('submit#submit1').attr('disabled', 'disabled');
$('select.cls option:last).attr('selected', 'selected');
$('#idtag li:even').attr('class', 'valoare');
$('element').addClass('nume_atribut', 'valoare');Exemplu:
$('div').click(function() { $(this).addClass('cls'); });
$('div').click(function() { $(this).toggleClass('cls'); });
$('element').attr('nume_atribut', 'noua_valoare');Exemple:
$('img#img1').attr('src', 'alta_poza.jpg');
$('#idtag a:first').attr('href', 'https://marplo.net');
$('form#frm1').attr('action', 'alt_fisier.php');
$('element').removeAttr('nume_atribut');Exemple:
$('div').click(function() { $(this).removeAttr('id'); });
$('submit#submit1').removeAttr('disabled');
$('#idtag li:even').removeAttr('class');
$('div').click(function() { $(this).removeClass(); });- Daca se specifica un parametru la functia removeClass(), cu valoarea unei clase, va fi stearsa doar acea clasa (folositor cand elementul HTML are mai multe clase), altfel, sterge toate clasele acelui element.
Atributul type, din casetele <input> de formular nu pot fi sterse sau modificate.
<select name="a_name"> <option value="val1">Optiune 1</option> <option value="val2" selected="selected">Optiune 2</option> </select>
#id { background: linear-gradient(top left, #1f1, #fff, #11f); }
var arr = [1, "CoursesWeb.net", "MarPlo.net"]; alert(arr[2]);
header("Location: http://coursesweb.net/"); exit;
The garden is a place with flowers. - Gradina este un loc cu flori.
El jardín es un lugar de flores. - Gradina e un loc cu flori.