Определить версию браузера

<script type="text/javascript">
  if ($.browser.msie && $.browser.version == '6.0') {
    alert('Ваш браузер устарел, может отображать содержание некорректно');
  }
</script>

$.browser.webkit
$.browser.safari
$.browser.opera
$.browser.msie
$.browser.mozilla

Cлайдер с одновременной пагинацией и полосой прокрутки

По работе встала задача сделать слайдер, управлять которым можно при помощи пагинатора, но и при помощи полосы прокрутки. При этом нужно, естественно, чтобы при использовании пагинаторы положения ползунка так же менялось.

демка
а здесь плагин в действии

Плагин писался с использованием отличного и лёгкого плагинчика для полосы прокрутки - tinyscrollbar

Скрыть блок при клике за его пределами

Задача: скрыть блок по клику за его пределами.

демка

Установить таймаут выполнения сценария

Задача: Отсрочить выполнение сценария на странице.
Решение:

Порядковый номер элемента через js

Задача: получить порядковый номер элемента, начиная с нулевого.

Решение:
<ul>   <li id="foo">foo</li>   <li id="bar">bar</li>   <li id="baz">baz</li> </ul>
JavaScript
var listItem = document.getElementById('bar'); alert('Index: ' + $('li').index(listItem)); jQuery
var listItem = $('#bar'); alert('Index: ' + $('li').index(listItem));

document.ready

Раньше я писала так:
$(document).ready(function(){ бла-бла });
Но наш программист сказал, что лучше писать так:
jQuery(document).ready(function($){ бла-бла });
Вот и пишу))))

Прикрутить fancybox

  1. Залить на сервак папку fancybox
  2. Прописать в шаблоне сайта путь к стилям
  3. Прописать путь к скрипту
  4. Если надо фэнсибочить картинку:

Яндекс-карта с разными иконками

Задача: вставить Яндекс-карту с разными иконками (метками, маркерами, как хотите называйте)))
Как тут (если не работает, можно глянуть тут)

Элегантный слайдинг в таблице

Задача: например, есть таблица с товарами, есть общие категории и есть их подразделения. Так как любая стока таблицы не может быть потомком другой, как бывает со списками: <ul> <li> <ul> <li></li> ... </ul> </li> <li> <ul> <li></li> ... </ul> </li> </ul> то было придумано добавлять "родителю" id, а его "потомкам" класс "parent-родительский_id". И далее, при помощи скрипта находим этих "потомков" и слайдим только их.

Памятка по jQuery

  1. el.text() - получаем содержимое элемента
    html: <button>Click me!</button> jQuery: $('button').text() вернёт 'Click me!'
  2. el.text().toLowerCase() - получаем содержимое элемента + переводим всё в нижний регистр
  3. Подключить другой файл стилей:
    $('link').attr('href', 'styles-new.css')
  4. .end() - показывает, что мы закончили с частью действий и переходим к следующим.