jquery怎么插入指定元素到父元素的第一個(gè)位置

本篇內(nèi)容主要講解“jquery怎么插入指定元素到父元素的第一個(gè)位置”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“jquery怎么插入指定元素到父元素的第一個(gè)位置”吧!

　　功能：插入指定元素到父元素的第一個(gè)位置（最左邊）

　　實(shí)例

　　$self.prepend（$selectLi）;

　　解釋

　　self是selectLi的父元素，把self放在selectLi的最前面（最左邊），

　　移動(dòng)的是selectLi,

　　append

　　功能：插入指定元素到父元素的最后面（最右邊）

　　after

　　實(shí)例

　　$firstLi.after（$selectLi）;

　　解釋

　　把selectLi放在firstLi的后面（右邊），

　　移動(dòng)的是selectLi

　　注意：selectLi和firstLi 是兄弟節(jié)點(diǎn)

　　next

　　功能：獲取下一個(gè)兄弟節(jié)點(diǎn)，

　　與之功能相反的是prev

　　實(shí)例

　　while（$selectLiYears>firstLiYears）{

　　$firstLi=$firstLi.next（）;

　　hasExpandClicked=true;

　　firstLiYears=$firstLi.data（'years'）;

　　}

　　解釋

　　獲取下一個(gè)兄弟節(jié)點(diǎn)

　　獲取指定索引的子元素

　　實(shí)例

　　var $selectLi=$self.find（'li:nth-child（'+（srcIndex）+'）'）;

　　var $firstLi=$self.find（'li:first'）;

　　$（"p:nth-child（3）"）

　　解釋

　?。篺irst表示獲取第一個(gè)元素，

　?。簂ast表示獲取最后一個(gè)元素，

　　nth-child（2）表示獲取第2個(gè)元素

到此，相信大家對(duì)“jquery怎么插入指定元素到父元素的第一個(gè)位置”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！