Javascript 在jQuery中,prepend()如何处理children()函数?

Javascript 在jQuery中,prepend()如何处理children()函数?,javascript,jquery,jquery-plugins,Javascript,Jquery,Jquery Plugins,我对prepend如何处理儿童功能有点困惑 image.canvas.children('.image-pinpoint-view').prepend(this.area); this.area将出现在何处?它将this.area(或克隆)添加为image.canvas的每个匹配子级的第一个子级。匹配的子项是那些具有图像精确定位视图类的子项。DOM节点只能位于一个位置,但jQuery将克隆元素,以便每个所需的父节点都有一个元素。Prepend将指定的内容放在元素的开头 <div id="

我对prepend如何处理儿童功能有点困惑

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

this.area将出现在何处?

它将
this.area
(或克隆)添加为
image.canvas
的每个匹配子级的第一个子级。匹配的子项是那些具有
图像精确定位视图
类的子项。DOM节点只能位于一个位置,但jQuery将克隆元素,以便每个所需的父节点都有一个元素。

Prepend将指定的内容放在元素的开头

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

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

数据
$(“#content”).prepend(“prepend data”);
会导致

<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>

数据
预加数据

每个jQuery对象都是一个数组。每个jQuery方法都应用于所有元素。 如果你写:

 $(".elements").css(...) 
…样式将应用于所有元素

类似地,在您的情况下,将克隆元素(this.area),并在每个子元素之前插入一个克隆

如果元素已经是子元素,则情况并非总是如此。它的索引不是克隆的,而是调整的。