├── src
└── js
│ └── index.js
└── index.html
/src/js/index.js:
--------------------------------------------------------------------------------
1 | //Все элементы с классом test.
2 | $('.test').css('color', 'red');
3 | //Все с классом test.
4 | $('h2.test').css('color', 'red')
5 | //Все абзацы которые следуют сразу за абзацами.
6 | $('p~p').css('color', 'red')
7 | //Все
, которые следуют сразу за с классом www.
8 | $('li.www+li').css('color', 'red')
9 | //Все внутри .
10 | $('h2 i').css('color', 'red')
11 | //Все непосредственно внутри .
12 | $('h2>i').css('color', 'red')
13 | /*
14 | Или
15 | $('h2').children('i').css('color', 'red')
16 | */
17 | //Все НЕ с классом test.
18 | $('h2').not('.test').css('color', 'red')
19 | //Все заголовки НЕ с классом test.
20 | $(':header').not('.test').css('color', 'red')
21 | //Все заголовки, которые следуют сразу за заголовками.
22 | $(':header + :header').css('color', 'red')
23 | //Все заголовки с классом test, которые следуют сразу за заголовками с классом test.
24 | $(':header.test + :header.test').css('color', 'red')
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 | HW21-js-event-loop
9 |
10 |
11 |
12 |
13 | Test header test
14 | Test header 2
15 | Test header 3
16 | Test header h3
17 | Test header h3
18 |
19 | test 1
20 | test 2
21 |
22 | - 1
23 | - 2
24 | - 3
25 | - 4
26 |
27 | lorem ipsum
lorem ipsum
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------