Селектори:
$("#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:
Покажи кутиите!