Руководство jQuery - prependTo(selector)

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

[Функция] prependTo(selector)

Раздел "Manipulation"

Функция добавляет ко всем выбранным элементам еще один обозначенный элемент, или комплект элементов.

Параметры

prependTo(selector)

1.0

selector: объект, содержимое которого будет присоединено.

Описание

Эта функция - противоположность функции $(A).prepend(B), в данной функции вместо присоединения B к A, вы присоединяете A к B.

Примеры

Пример:

Присоединить все элементы span к элементам с ID "foo"

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

"jQuery"

$("span").prependTo("#foo"); // проверьте prepend() к примеру

"HTML"

<div id="foo">FOO!</div>
  <span>I have something to say... </span>

"CSS"

  
div { background:yellow; }

"Живой пример 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(){
	
$("span").prependTo("#foo"); // проверьте prepend() к примеру

	  });
	</script>

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

	
<div id="foo">FOO!</div>
  <span>I have something to say... </span>



	</body>
	</html>

	
	<style>
	  
div { background:yellow; }

	</style>

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

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