Авторский знак. Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

октябрь 2020
Пн Вт Ср Чт Пт Сб Вс
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31


Чувашия-это моя Россия

Ссылки на плагины jQuery :nth-child().

Определение и использование. Селектор :nth-child() выбирает все элементы, которые являются п-м дочерним элементом, независимо от типа, их родителей.

Внимание!!! Плагины jQuery для селекторов :nth-child(), полученных из спецификации CSS для значения n=1 означает, что отсчет начинается с 1. Для других селектор такие выражения, как :eq(), :even плагины jQuery подсчет начинают с 0. Например, возьмем элемент < ul>, содержащий два < li>. Тогда запись $("li:nth-child(1)") выбирает первый < li>, однако, $("li:eq(1)") выбирает второй элемент.

Далее смотрите селектор :Nth-child(n) псевдо-класса легко спутать с :eq(n), хотя приводит к совершенно разным выбранным элементам. С селектором( фильтром) :nth-child(n), все дочерние элементы считаются. Указанный элемент выбрается при условии, если он соответствует селектору к псевдо-класса. С селектором :eq(n) учитываются не только дочерние элементы любого другого элемента, но и (n+1)-й (n-0)-й выбираются.

Синтаксис:

 
                 :nth-child(n|even|odd|formula)
Параметр Описание
n Индекс каждого ребенка совпадения.

Должно быть числом. Первый элемент имеет порядковый номер 1.
even Выбирает каждый четный дочерний элемент
odd Выбирает каждый нечетный дочерний элемент
formula Указывает, что дочерний элементы могут быть выбраны с помощью формулы ( + b).
ПРИМЕР

Составляем программу 

 
               < !DOCTYPE html>
               < html>
               < head>
                     < script>
                          $(document).ready(function(){
                          $("p:nth-child(3)").css("background-color","yellow");
                                    });
                     < /script>
               < /head>
               < body>
                          < div style="border:1px solid;">
                           < span>Это элемент span в div< /span>
                           < p>Первая строка в div.< /p>
                           < p>Вторая строка в div .< /p>
                           < p>Последняя строка в div.< /p>
                          < /div>< br>
                           
                          < div style="border:1px solid;">
                           < p>Превая строка в другом в div.< /p>
                           < p>Вторая строка в другом div.< /p>
                           < p>Последняя строка в другом div.< /p>
                          < /div>
              < /body>
              < /html>

Результат выполнения программы:

Это элемент span в div

Первая строка в div.

Вторая строка в div .

Последняя строка в div.


Превая строка в другом в div.

Вторая строка в другом div.

Последняя строка в другом div.



seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: