Руководство 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

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

Раздел "Events"

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

Параметры

dblclick(fn)

1.0

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

function (eventObject)  { 

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

Описание

Событие dblclick запускается, когда кнопка дважды нажата над элементом.

Примеры

Пример:

«Связать» вывод диалогового окна с сообщением "Hello World!", к событию dblclick для каждого параграфа:

"jQuery"

$("p").dblclick( function () { alert("Hello World!"); });

Пример:

Дважды щелкните, чтобы переключить фоновый цвет.

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

"jQuery"

    var divdbl = $("div:first");
    divdbl.dblclick(function () { 
      divdbl.toggleClass('dbl'); 
    });

"HTML"

<div></div><span>Double click the block</span>

"CSS"

  
div { background:blue;
        color:white;
        height:100px;
        width:150px;
 }
  div.dbl { background:yellow;color:black; }

"Живой пример 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(){
	
    var divdbl = $("div:first");
    divdbl.dblclick(function () { 
      divdbl.toggleClass('dbl'); 
    });

	  });
	</script>

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

	<div></div><span>Double click the block</span>

	</body>
	</html>

	
	<style>
	  
div { background:blue;
        color:white;
        height:100px;
        width:150px;
 }
  div.dbl { background:yellow;color:black; }
	</style>

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

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