Селектори:

$("#divTest") – елементи  с id= divTest

$(".bold") – всички елементи от клас bold

$("a") – всички линкове

$("p") - всички параграфи

$("p.intro") - всички параграфи от class="intro".

$("p#demo") - параграф с  id="demo“

$("tr:even") - всички четни редове

$("tr:odd") - всички нечетни редове

Ефекти:

$( селектор).hide()  скрива избраните елементи

$( селектор).show()

$( селектор).toggle()  превключва между състояние скрито и показано

$( селектор).slideDown() плъзва  избраните елементи надолу

$( селектор).slideUp() плъзва  избраните елементи нагоре

 $( селектор).slideToggle()  плъзва избраните елементи надолу или нагоре в зависимост от текущото им състояние

$( селектор).fadeIn()  намалява прозрачността до 0 %

$( селектор).fadeOut() увеличава прозрачността до 100%

$( селектор).fadeTo()  увеличава прозрачността до число подадено като параметър

Примерни решени задачи:

Пример 1.1: Ефекти.

Резултат:

Елементите с id divTestArea21, divTestArea22, divTestArea23 се визуализират с различна скорост след зареждане на страницата

Код:

Html:

Покажи кутиите!