В jQuery, как prepend () работает с функцией children ()?

Question

Я немного смущен тем, как prepend действует в отношении функции детей.

image.canvas.children('.image-pinpoint-view').prepend(this.area);

где появится эта область?

Answer 1

Добавляет this.area (или клон) в качестве первого дочернего элемента каждого соответствующего дочернего элемента image.canvas.Подходящие дети - это дети класса image-pinpoint-view.Узел DOM может находиться только в одном месте, но jQuery будет клонировать элемент, поэтому для каждого желаемого родителя есть один.

Answer 2

Каждый объект jQuery является массивом . Каждый метод jQuery применяется ко всем элементам. Если вы напишите:

 $(".elements").css(...) 

... стиль будет применен ко всем элементам.

Аналогично, в вашем случае элемент (this.area) будет клонирован, и перед каждым потомком будет вставлен один клон.

См. Это в действии.

Answer 3

Prepend помещает указанное содержимое в начало элемента.

<div id="content">
   <div id="a">data</div>
</div>

$('#content').prepend('<div id="b">prepended data</div>');

приведет к

<div id="content">
   <div id="b">prepended data</div>
   <div id="a">data</div>
</div>

$('#content').prepend( $('#a') );

приведет к

<div id="content">
       <div id="a">data</div>
       <div id="b">prepended data</div>
    </div>