Авторский знак. Авторский знак. 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 :parent_child.

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

В качестве селектора CSS, дочерний элемент combinator( >) поддерживается всеми современными веб-браузерами, включая Safari, Firefox, Opera, Chrome и Internet Explorer 7 и выше, но, не с помощью Internet Explorer версии 6 и ниже. Однако, в jQuery, этот селектор( наряду со всеми другими) работает во всех поддерживаемых браузерах, включая IE6.

Дочерний элемент child combinator( E > F) можно рассматривать в качестве более конкретной формы, чем child combinator( E F), потому что ( E > F) выбирает только первого уровня потомков родительского элемента.

Синтаксис:

 
                 $("div>span")
Параметр Описание
parent Требуется. Указывает родительскbq элемент
child Требуется. Задает прямой дочерний элемент( указанного родительского элемента), чтобы быть выбраным
ПРИМЕР

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

 
< !DOCTYPE html>
< html>
< head>
< script>
$(document).ready(function(){
  $("div > span").css("background-color","yellow");
});
< /script>
< /head>
< body>    
< h3>Что будет $("div > span") выбрать?< /h3>
< h4>Этот элемент div имеет два прямых дочерних элементов, p и охватывают:< /h4>
< div style="border:1px solid black;padding:10px;">
< p>Это строка.< /p>
< span>Это текст внутри элемента span.< /span>
< /div>
< h4>Этот элемент div имеет одного непосредственного дочернего элемента p:< /h4>
< div style="border:1px solid black;padding:10px;">
< p>Это абзац. < span>Этот элемент span, внутри строки.< /span>< /p>
< /div>
< /body>

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

Что будет $("div > span") выбирать?

Этот элемент div имеет два прямых дочерних элементов, p и охватывают:

Это строка.

Это текст внутри элемента span.

Этот элемент div имеет одного непосредственного дочернего элемента p:

Это абзац. Этот элемент span, внутри строки.



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