март 2021
|
Пн |
Вт |
Ср |
Чт |
Пт |
Сб |
Вс |
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, внутри строки.
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|
спокойной поздней ночи!
фотограф Оля Леман свадьбы и торжества. нажмите сюда
|