www.jQueryBook.ru - jQuery документация

 

Сегодня: 06 декабря 2016 года, Вторник
Раздел API на стадии наполнения...

 

 

 

  • Категории: Manipulation › DOM Insertion, Inside

    .appendTo()

    Перемещает все элементы набора jQuery в конец содержимого каждого элемента, определяемого с помощью входного параметра.

Синтаксис и описание:

  • Добавлено в jQuery 1.0.appendTo( destination )

  • Метод .appendTo() перемещает все элементы набора jQuery в конец содержимого каждого элемента, определяемого с помощью параметра destination (после всех его дочерних элементов). Не путать с функцией jQuery .append().

Возвращаемое значение: (объект) Набор jQuery (набор всех перемещенных элементов).

Параметры:

  • destination – (строка | элемент ) Селектор jQuery или ссылка на элемент DOM, определяющие место назначения.

  1. Примечание:

    До версии jQuery 1.3, если в качестве места назначения определены не один, а несколько элементов, то все элементы набора jQuery не перемещаются, а копируются и вставляются в конец каждого принимающего элемента, определяемого с помощью входного параметра, сами оставаясь при этом в своем прежнем местоположении.

  2. Примечание:

    Для того, чтобы перемещаемые элементы набора jQuery (или созданные на лету элементы DOM) становились не последними, а первыми дочерними элементами принимающего элемента (определяемого с помощью входного параметра), необходимо использовать функцию jQuery .prependTo().

Примеры:

  1.  

    <h2>Функция jQuery <b>append</b></h2>
    <div class="container">
      <div class="inner">Вставить</div>
      <div class="inner">Переместить</div>
    </div>
    
    // Создадим на лету параграф <p>, добавим его в конец содержимого всех
    // элементов с классом 'inner' и переместим заголовок <h2>, вставив 
    // его после всех дочерних элементов блока с именем класса 'container'.
    
    <script type="text/javascript">
     $('<p>Test</p>').appendTo('.inner');
     $('h2').appendTo($('.container'));
    </script>

    Результат:

    <div class="container">
      <div class="inner">
        Вставить
        <p>элемент</p>
      </div>
      <div class="inner">
        Переместить
        <p>элемент</p>
      </div>
      <h2>Функция jQuery <b>append</b></h2>
    </div>
  2.  

    // Переместить все элементы <span> в конец содержимого блока с id='foo'
    
    <div>Руководство по jQuery <span>(Описание работы функций)</span></div>
    <div id="foo">jQuery справочник </div>
    
    <script type="text/javascript">$("span").appendTo("#foo");</script>

    Результат:

    <div>Руководство по jQuery </div>
    <div id="foo">jQuery справочник <span>(Описание работы функций)</span></div>

[ наверх ]










 




Справочник по jQuery JavaScript API на русском языке