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

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

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

количество просмотров 629
Частые ситуации 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
Выделите опечатку и нажмите Ctrl + Enter, чтобы отправить сообщение об ошибке.