Фільтри використовуються для того щоб відібрати або відсіяти частину елементів серед раніше відібраних
Приклади
.dv3012345678
.dv3
0
1
2
3
4
5
6
7
8
:odd - вибір непарних елементів серед обраних
:even - вибір непарних елементів серед обраних
:gt(index) - вибір елементів з індексом більше зазначеного
:lt(index) - вибір елементів з індексом менше зазначеного
:eq(index) -вибір елементів із зазначеним індексом
:animated(index) - вибір анімованих елементів, але тільки тоді, коли анімація виконується в момент вибірки
:first - вибір першого елемента серед зазначених
:last - вибір останього елемента серед зазначених
Визначення порядкового номеру елемента серед тих, що потрапили у виборку
.indexПри кліку по одному з жовтих блоків визначемо його порядковий номер
Порядковий номер блоку: _
$('.dv3 div').click(function (){
var i= $('.dv3 div').index(this);
$('#inf1').text(i);
});
/* #btn - id відповідної кнопки */
$('#btn').click(function (){
$('.dv3 div:lt(4)').css("border","3px solid red");/*змінна частина*/
});
/*змінні вставки*/
$('.dv3 div:odd').css("border","3px solid red");
$('.dv3 div:even').css("border","3px solid red");
$('.dv3 div:gt(3)').css("border","3px solid red");
$('.dv3 div:lt(4)').css("border","3px solid red");
$('.dv3 div:eq(6)').css("border","3px solid red");
$('.dv3 div:first').css("border","3px solid red");
$('.dv3 div:last').css("border","3px solid red");
:not(tag)- вибір всіх зазначених, крім тих, що в фільтрі not(вибір по тэгу)
.dv0Абзац 1
1Абзац 2
2
.dv
:not('p')0
Абзац 1
1
Абзац 2
2
в not вказуємо тег абзацу - :not('p')
$('#btn1').click(function (){
$('.dv *').css("background-color","red");
});
$('#btn2').click(function (){
$('.dv *').css("background-color","white");
$('.dv *:not("p")').css("background-color","red");
});
далі ✏