Все для создания и продвижения сайтов

Верстка, программирование, SEO

Частые ситуации Jquery

704
Частые ситуации Jquery

Многим начинающим программистам тяжело писать на js\jqury, но им постоянно нужно решить простые задачки, но они не сильны в языке, я постараюсь разобрать наиболее частые ситуация, в которых я сталкивался.

1. Добавление стилей

Если существует элемент(div) с id или class, то применить к нему определенный стили.


if($("div").is("#slideshow"))
	{$("#content").css("padding-top", "340px");}

2. Добавление класса

Если существует элемент(div) с id или class, то добавить к нему определенный класс.


if($("div").is("#slideshow"))
	{$("#content").addClass("new");}

3. Удаление класса

Если существует элемент(div) с id или class, то удалим у него определенный класс.


if($("div").is("#slideshow"))
	{$("#content").removeClass("new");}

4. Наведение на блок

При наведении на блок .bloks, находим внутри него блок .one-block и применяем к нему определённые стили.

$('.bloks').hover(
function(){
    $(this).find(".one-block").css("display", "block");
},
function(){
     $(this).find(".one-block").css("display", "none");
});

5. Нажатие на клавишу

Срабатывание скрипта, при нажатии на клавишу в поле формы.

$(document).ready(function(){
  $("#myid").keydown(function(){
	// Здесь код, который срабатывает, когда с этой input отпускают клавишу
  });
});
Выделите опечатку и нажмите Ctrl + Enter, чтобы отправить сообщение об ошибке.