:resetS2C Home « Selectors « :reset
Form reset selector.
Shorthand version $(':reset')
Description
The :reset selector, selects all elements of type reset.
- Being a jQuery extension the
:resetpseudo selector is not part of any current CSS specification. Therefore:resetcannot take advantage of the performance boost provided by the native DOMquerySelectorAll()method. - The same results can be achieved using the Attribute Equals Selector via
$('[type=reset]'), without the hit to performance. - If this selector is not preceded by another selector, the universal selector ("*") is implied and so the whole DOM will be searched. Use another selector as in the example below to narrow the search and improve performance.
Syntax
| Signature | Description |
|---|---|
jQuery(':reset') | Form reset pseudo-class match |
Parameters
None.
Return
N/A.
:reset ExampleTop
Selects all elements of type reset.
In the example below we apply an orange background to 'reset' elements within the form.
$(function(){
$('.ourform').submit(function () { return false; }); // disable submit
$('#btn1').on('click', function() {
$('form input:reset').css('backgroundColor', 'orange');
});
});