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



Pdf көрінісі
бет11/33
Дата08.02.2022
өлшемі0,98 Mb.
#119787
түріЛекции
1   ...   7   8   9   10   11   12   13   14   ...   33
Байланысты:
Ермоленко А.В. Web program

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 – выбор невидимых элементов.


    Достарыңызбен бөлісу:
  • 1   ...   7   8   9   10   11   12   13   14   ...   33




    ©engime.org 2024
    әкімшілігінің қараңыз

        Басты бет