jquery插入兄弟節(jié)點的操作方法

更新時間：2016年12月07日 09:23:05 投稿：jingxian

下面小編就為大家?guī)硪黄猨query插入兄弟節(jié)點的操作方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

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

實例

$self.prepend($selectLi);

解釋

self是selectLi的父元素,把self放在selectLi的最前面(最左邊),

移動的是selectLi,

append

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

after

實例

$firstLi.after($selectLi);

解釋

把selectLi放在firstLi的后面(右邊),

移動的是selectLi

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

next

功能：獲取下一個兄弟節(jié)點,

與之功能相反的是prev

實例

while($selectLiYears>firstLiYears){
      $firstLi=$firstLi.next();
      hasExpandClicked=true;
      firstLiYears=$firstLi.data('years');
    }

解釋

獲取下一個兄弟節(jié)點

獲取指定索引的子元素

實例

var $selectLi=$self.find('li:nth-child('+(srcIndex)+')');
var $firstLi=$self.find('li:first');
$("p:nth-child(3)")

解釋

:first表示獲取第一個元素,
:last表示獲取最后一個元素,
nth-child(2)表示獲取第2個元素

以上這篇jquery插入兄弟節(jié)點的操作方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

即將發(fā)布的jQuery 3 有哪些新特性
本文主要介紹jQuery 3中一些新增的特性和一些變更的特性，以及一些廢棄刪除的特性，另外介紹了jQuery 3.0 最大的變化就是徹底放棄對 IE8 的支持，大家可以先看一下。
2016-04-04
jQuery產(chǎn)品間斷向下滾動效果核心代碼
這篇文章主要為大家分享了jQuery產(chǎn)品間斷向下滾動的核心代碼,需要的朋友可以參考下
2014-05-05
jQuery插件expander實現(xiàn)圖片翻轉(zhuǎn)特效
本文給大家分享的是一款基于jQuery插件expander實現(xiàn)圖片翻轉(zhuǎn)特效，一共有6種不同的圖片翻轉(zhuǎn)樣式，十分的炫酷，有需要的小伙伴可以參考下。
2015-05-05
基于jQuery的表單填充實例
下面小編就為大家?guī)硪黄趈Query的表單填充實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
JQuery EasyUI 結(jié)合ztrIee的后臺頁面開發(fā)實例
下面小編就為大家?guī)硪黄狫Query EasyUI 結(jié)合ztrIee的后臺頁面開發(fā)實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
神奇的7個jQuery 3D插件整理
7個神奇的jquery 3D插件，讓你可以實現(xiàn)一些媲美Flash的動畫特效。
2011-01-01
jquery EasyUI的formatter格式化函數(shù)代碼
以下實例格式化數(shù)據(jù)表格中的一列。如果金額小于20時使用自定義的格式器將文本變成紅色。
2011-01-01
利用jQuery實現(xiàn)CheckBox全選/全不選/反選的簡單代碼
下面小編就為大家?guī)硪黄胘Query實現(xiàn)CheckBox全選/全不選/反選的簡單代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
基于jQuery UI CSS Framework開發(fā)Widget的經(jīng)驗
jQuery UI CSS Framework是jQuery UI中的一個樣式框架，可以利用jQuery Theme roller 來生成自己想要的css樣式效果。我們可以利用jQuery UI的一些框架來開發(fā)出基于jQuery UI CSS Framework效果的插件來。
2010-08-08
基于jquery實現(xiàn)九宮格拼圖小游戲
這篇文章主要為大家詳細(xì)介紹了基于jquery實現(xiàn)九宮格拼圖小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-11-11