Лекции и лабораторные работы Направление «Математика и компьютерные науки»

жүктеу/скачать 0,98 Mb.

Pdf көрінісі

бет	11/33
Дата	08.02.2022
өлшемі	0,98 Mb.
	#119787
түрі	Лекции

1 ... 7 8 9 10 11 12 13 14 ... 33

Байланысты:
Ермоленко А.В. Web program

8.2. Обращение к элементам

8.2. Обращение к элементам
Рассмотрим на примерах варианты обращения. Обращаю внимание,
что все основано на синтаксисе CSS.
1. $(p a) выбирает все ссылки, расположенные в абзацах.
2. $(' #myId
') – выбор элемента с указанным идентификатором.
3. $('myClass') – использование классов.
4. $('body>div') – выбор элементов div, являющихся прямыми потомка-
ми элемента body.
5. $(p:even) – четные абзацы.
6. Использование ссылок.

a[href^=http://] – этому селектору соответствуют все ссылки, которые на-
чинаются с символов http://, на это указывает символ ^/

a[href$=.pdf] – ссылки заканчиваются на «pdf»

a[href*=ya.ru] – ссылка содержит упоминание ya.ru в произвольном месте.
7. Имеется возможность выбора определенных элементов при условии,
что они содержат другие элементы (в примере ниже двоеточие как в матема-
тике означает ―такое что‖). Например, селектор
li:has(a)
выбирает элементы

, которые содержат элемент .
8. Выбор по позиции (некоторые варианты)
:first – первое совпадение на странице;
:last – последнее совпадение на странице;
:first-child – первый дочерний элемент;

50
:last-child – последний дочерний элемент;
:nth-child(n) – n-й элемент;
:nth-child(even|odd) – четные или нечетные дочерние элементы;
:even – четные элементы;
:odd – нечетные элементы.
9. Выбор элементов на основе характеристик, не предусмотренных
спецификацией CSS
:input – выбирает элементы формы;
:selected – выбранные элементы option;
:visible – выбор невидимых элементов.

жүктеу/скачать 0,98 Mb.

Достарыңызбен бөлісу:

1 ... 7 8 9 10 11 12 13 14 ... 33