:even ** DEPRECATED **
JQ Home <<
Selectors <<
:even
Even index selector.
Shorthand version $(':even')
Description
The :even selector, selects even elements within the matched set.
- Like all the positional selectors
:evenuses a zero-based index to select from previously filtered elements. - Being a jQuery extension the
:evenpseudo selector is not part of any current CSS specification. Therefore:evencannot take advantage of the performance boost provided by the native DOMquerySelectorAll()method. - The same results can be achieved with better performance using the
:evenmethod with a valid CSS selector, for example$('.testtable td').even().css('backgroundColor', 'purple');.
This method was deprecated in jQuery 3.4.
Syntax
| Signature | Description |
|---|---|
jQuery(':even') | Even numbered index match |
Parameters
None.
Return
N/A.
:even Example
Selectors << Top
Selects even elements within the matched set.
In the example below we apply an orange background to all even table rows.
| Table Row 1, Table Data 1 | Table Row 1, Table Data 2 |
| Table Row 2, Table Data 1 | Table Row 2, Table Data 2 |
| Table Row 3, Table Data 1 | Table Row 3, Table Data 2 |
| Table Row 4, Table Data 1 | Table Row 4, Table Data 2 |
$(function(){
$('#btn1').on('click', function() {
$('.testtable tr:even').css('backgroundColor', 'orange');
});
});
Related Tutorials
jQuery Basic Tutorials - Lesson 4 - jQuery Selectors