.attr() / .prop() / .data()
method
.attr() gets/sets HTML attributes; .prop() handles DOM properties; .data() accesses data-* attributes.
Syntax
$(selector).attr(name) $(selector).attr(name, value)
Example
javascript
// attr — HTML attributes
$('img').attr('src', 'new.jpg');
$('a').attr('href', 'https://example.com');
// prop — DOM properties
$('#checkbox').prop('checked', true);
$('input').prop('disabled', false);
// data — data-* attributes
const id = $('#product').data('product-id');
$('#btn').data('count', 0);