Событие on

$(‘#селектор’).on(‘событие мыши’, селектор, данные(литерал объекта), имя функции); var linkVar = {message: ‘linkVar text’}; var pVar = {message: ‘pVar text’}; function showMessage (evt) { alert(evt.data.message); } $(‘a’).on(‘mouseover’, linkVar, showMessage); $(‘p’).on(‘click’, pVar, showMessage); //несколько имен событий $(document).on(‘click keypress’, function() { $(‘#lightbox’).hide(); }); //передача объектной константы $(‘#theElement’).on({ ‘click’ : function() { //some action }, ‘mouseover’ : function() { […]

События мыши

События мыши click, dblclick, mousedown, mouseup, mouseover, mouseout, mousemove События документа/окна load, resize, scroll, unload События форм submit, reset, change, focus, blur События клавиатуры keypress, keydown, keyup Использование событий $(‘a’).click(function() {});  Ожидание загрузки HTML-кода $(function() {})// сокращенная запись $(document).ready(function() {}) ready() – ожидание загрузки HTML-кода, без ожидания загрузки изображений и роликов альтернатива – размещение скрипта […]

Селекторы

Селекторы http://api.jquery.com/category/selectors/ $(‘#id’); $(‘.class’); $(‘#id .class’); $(‘parent > child’); $(‘tag + tag’); $(‘tag[attribute]’); $(‘tag[attribute=”value”]’); $(‘tag[attribute^=”value”]’); $(‘tag[attribute*=”value”]’); $(‘tag[attribute&=”value”]’); $(‘tag:even’); возвращает 0-2-4 элементы выборки $(‘tag:odd’); возвращает 1-3-5 элементы выборки $(‘tag:first’); $(‘tag:last’); $(‘tag:not(element)’); без класса element $(‘tag:has(element)’); выбирает tag имеющий element $(‘tag:contains(content)’); $(‘tag:hidden’); если не установлен visibility: invisible; $(‘tag:visible’); Выборка элементов jQuery отличается от традиционной выборки getElementByTagName() или […]