Руководство jQuery

Руководство по jQuery!

Обработчики событий Ajax

ajaxComplete(callback)

ajaxError(callback)

ajaxSend(callback)

ajaxStart(callback)

ajaxStop(callback)

ajaxSuccess(callback)

Вспомогательные функции Ajax

jQuery.param(obj)

serialize()

serializeArray()

Низко-уровневый интерфейс Ajax

jQuery.ajax(options)

jQuery.ajaxSetup(options)

Упрощенные методы Ajax

Основные атрибуты

toggleClass(class, switch)

Основнные функции

jQuery(expression,context)

jQuery(html,ownerDocument)

jQuery(elements)

jQuery(callback)

jQuery.noConflict()

jQuery.noConflict(extreme)

Все методы CSS

Все методы

clearQueue([queueName])

data(name)

$.data(elem)

$.data(elem, name)

$.data(elem, name, value)

dequeue(name)

queue(name, callback)

removeData(name)

Все методы объекта Deferred

deferred.done()

deferred.fail()

deferred.isRejected()

deferred.isResolved()

deferred.promise()

deferred.reject()

deferred.rejectWith()

deferred.resolve()

deferred.resolveWith()

Изменение размеров

Основные эффекты

show(speed, callback)

hide()

hide(speed, callback)

toggle()

toggle(switch)

toggle(fn, fn2, fn3,fn4,...)

Пользовательские эффекты

animate(params, duration, easing, callback)

animate(params, options)

clearQueue([queueName])

dequeue(name)

queue(name, callback)

delay(duration,[queueName ])

stop(clearQueue, gotoEnd)

Изменение прозрачности

fadeIn(speed, callback)

fadeOut(speed, callback)

fadeTo(speed, opacity, callback)

Слайдинг

slideDown(speed, callback)

slideUp(speed, callback)

slideToggle(speed, callback)

События браузера

События загрузки документа

Обработчики событий

jQuery.proxy( function, scope )

trigger(event,data)

triggerHandler(event , data )

unbind(type,fn)

delegate

undelegate

Объект события в jQuery

event.currentTarget

event.data

event.isDefaultPrevented()

event.isImmediatePropagationStopped()

event.isPropagationStopped()

event.pageX

event.pageY

event.preventDefault

event.relatedTarget()

event.result()

event.stopImmediatePropagation()

event.stopPropagation()

События форм

События клавиш

focusin( handler(eventObject) )

focusout( handler(eventObject) )

События мыши

Обработка форм

Атрибут "class"

toggleClass(class, switch)

Копирование элементов

clone()

clone(true)

Вставка элементов в DOM

html()

html(val)

Охватывающая вставка элементов

Внутренняя вставка элементов

Внешняя вставка элементов

after(content)

before(content)

insertBefore(content)

Удаление элементов DOM

Замена элементов DOM

Работа с атрибутами

Стилевые свойства

Коллекции элементов

jQuery.each(object, callback)

each(callback)

jQuery.param(obj)

Сохранение данных

jQuery.each(object, callback)

data(name)

$.data(elem)

$.data(elem, name)

$.data(elem, name, value)

removeData(name)

Методы для элементов DOM

Установочные методы

jQuery.noConflict(extreme)

Все методы

Все методы

Свойства jQuery объекта

length()

context

selector

Глобальные свойства jQuery

Атрибуты селекторов

Основные атрибуты

Основные фильтры

Фильтры элементов потомков

Фильтры содержания

Фильтры форм

Иерархия элементов

descendant(ancestor, descendant)

Фильтры видимости

Фильтрация элементов

Смешанный обход

Обход по структуре DOM

Плагины jQuery UI

Перетаскивание

Помещение

Изменение размеров

Выбор элементов

Сортировка элементов

Аккордион

Календарь

Диалоговое окно

Прогрессбар

Слайдер

Разделы

Эффекты

Добавление класса

addClass(class,[duration])

Удаление класса

removeClass([class],[duration])

Анимирование

Эффект

Сокрытие

hide(effect,[options], [speed],[callback])

Отображение

show(effect,[options], [speed],[callback])

Переключение классов

switchClass(remove,add,[duration])

Переключение

toggle

Переключение классов

toggleClass

Опубликовано admin - вт, 05/01/2018 - 23:40

[Функция] scroll(fn)

Раздел "Events"

Связать функцию с событием scroll для любого элемента.

Параметры

scroll(fn)

1.0

fn: функция обработчик события scroll

function callback(eventObject)  { 

	this; // элемент 
}

Описание

Событие scroll запускается при прокрутке окна.

Примеры

Пример:

Что-нибудь сделать, когда страница прокручивается:

Пример
Весь код

"jQuery"

    $("p").clone().appendTo(document.body);
    $("p").clone().appendTo(document.body);
    $("p").clone().appendTo(document.body);
    $(window).scroll(function () { 
      $("span").css("display", "inline").fadeOut("slow"); 
    });

"HTML"

<div>Прокрутите скроллинг этого элемента</div>
  <p><span>Событие scroll произошло!</span></p>

"CSS"

  div { color:blue; }
  p { color:green; }
  span { color:red; display:none; }

"Живой пример jQuery"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
						"http://www.w3.org/TR/html4/loose.dtd">
	<html>
	<head>
	<link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" 
	rel="stylesheet" type="text/css"/>
	  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
	<script>
	  $(document).ready(function(){
	
    $("p").clone().appendTo(document.body);
    $("p").clone().appendTo(document.body);
    $("p").clone().appendTo(document.body);
    $(window).scroll(function () { 
      $("span").css("display", "inline").fadeOut("slow"); 
    });

	  });
	</script>

	</head>
	<body class="iframe">

	<div>Прокрутите скроллинг этого элемента</div>
  <p><span>Событие scroll произошло!</span></p>


	</body>
	</html>

	
	<style>
	  div { color:blue; }
  p { color:green; }
  span { color:red; display:none; }
  
	</style>

Метод появился в jQuery 1.0 (http://api.jquery.com/scroll/)

Версия jQuery 1.4.2 Документ создан 2010-08-21