Показаны сообщения с ярлыком jquery. Показать все сообщения
Показаны сообщения с ярлыком jquery. Показать все сообщения

суббота, 17 мая 2014 г.

Эффект слайда при разворачивании контейнера на jquery

$('div').slideToggle('slow'); 

Изначально контейнер должен быть скрыт.

Использование this в juery

$(document).ready(function()
{
  $('div').click(function()
  {
    $(this).fadeOut('slow');
  });
});

В данном примере скрываются не все контейнеры div, а только тот, по которому кликнули мышкой.

Плавное скрытие контейнера div в jquery

$('div').fadeOut('slow');

Плавное появление контейнера div в jquery

$('div').fadeIn('slow');

Получение n-го элемента списка в jquery

$a = $('li:nth-child(n)')

где n — номер элемента списка, который хотим получить. Нумерация начинается с 1.

Действия при клике на контейнере div в jquery

$(document).ready(function()
{
  $('div').click(function()
  {

  });
});

Скрытие контейнера div в jquery

$('div').hide();

Действия, при покидании мыши контейнера div в jquery

$(document).ready(function()
{
  $('div').mouseleave(function()
  {

  });
});

Действия при наведении мыши на div в jquery

$(document).ready(function()
{
  $('div').mouseenter(function()
  {
    
  });
});