Полезные jquery функции

Standard

Обычные:

  • $(‘selector’).load() //загрузит данные в селектор, можно даже так: $(‘selector’).load(‘somepage.html#someAnchor’) закачивает страницу ищет по анкору кусок документа и вставляет его в селектор

Для работы с ajax:

  • $.post(url, data, callback) //data строка или {}
  • $.get()
  • encodeURIComponent() // не jQuery функция, позволяет кодировать символы в урле
  • $(‘#someForm’).serialize() // очень классная функция, берет все элементы в форме и формирует из них json объект
  • .error(callback) // если в аяксе ошибка — callback ее обработает
  • .getJSON() // сокращенная запись $.get(‘url’, data, callback, ‘json’)
Перемещение по DOM`у:
  • .find(‘selector’) // ищет по заданному селектору, иногда быстрее чем сама ф-ция $
  • .children() //возвращает детей
  • .parent() // возвращает верхнего родителя
  • .closest(‘selector’) // идет по дереву вверх, при нахождении селектора, останавливается и возвращает его
  • siblings() // соседи
  • next() // сосед справа
  • prev() // сосед слева

Работа с html:

  • end() // метод возвращает ориг. объект селектора, к примеру $(‘selector1′).doStuff().find(‘selector2′).end() в конце он вернет объект на к-ый ссылается селектор selector1, а не selector2
  • wrap(‘<sometag></sometag>’) // обрамляет элемент в заданный html
  • wrapInner()
  • unwrap()
  • empty()

$().delegate(‘selector’, ‘event’, f(){}) ~ .live()

Лично я придерживаюсь такого стиля: когда надо сохранить в переменную jQuery объект, я именуя его предваряя долларом, к примеру $someVar = $(‘#someId’). Кстати сохранять jQuery объекты в переменных очень полезно, тк данные будут сохранены в памяти и еще раз вам вызывать тот же самый селектор не понадобится.

Советы по селекторам:

  • исп ID где можно
  • исп ID как первое в род. селекторе
  • $(‘#main’).find(a) бывает быстрее иногда чем $(#main a)
  • Не исп много селекторов, лучше сделать так: find(‘selector’).find(‘selector’).find(‘selector’)

Работа с регулярками в JS:

  • /regexp/
  • str.search(//)
  • .replace(//, replace)
  • match()