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

Пн Вт Ср Чт Пт Сб Вс
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


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

Ссылки на плагины jQuery :first-child.

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

Если фильтру :first соответствует только один единственный выбранный элемент на странице сайта, то селектору( фильтру) :first-child может соответствовать более чем один выбранный элемент: по одному для каждого из родителей. То есть по-другому можно записать так - :nth-child(1).

Синтаксис:

 
                 $(":first-child")

ПРИМЕР

Составляем программу, которая выбирает каждый элемент, который является первым дочерним элементом своего родителя:

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

Нажмите для просмотра на данную ссылку демонстрация. Вы увидите, что на данной странице более десятка первых дочерних элементов.



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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: