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

[Функция] val(val)

Раздел "Attributes"

Установить переменную атрибута для каждого выбранного элемента.

Параметры

val(val)

1.0

val: Переменная, устанавливаемая для выбранного элемента.

Описание

В jQuery 1.2 данная функция так же позволяет установить переменные поля select, но выбирается соответствующая опция.

Примеры

Пример:

Установить переменную поля input.

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

"jQuery"

    $("button").click(function () {
      var text = $(this).text();
      $("input").val(text);
    });

"HTML"

<div>
    <button>Feed</button>
    <button>the</button>
    <button>Input</button>
  </div>
  <input type="text" value="click a button" />

"CSS"

  button { margin:4px; cursor:pointer; }
  input { margin:4px; color:blue; }

"Живой пример 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(){
	
    $("button").click(function () {
      var text = $(this).text();
      $("input").val(text);
    });


	  });
	</script>

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

	
<div>
    <button>Feed</button>
    <button>the</button>
    <button>Input</button>
  </div>
  <input type="text" value="click a button" />


	</body>
	</html>

	
	<style>
	
  button { margin:4px; cursor:pointer; }
  input { margin:4px; color:blue; }

	</style>

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

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