jquery插入兄弟節(jié)點(diǎn)的操作方法
功能：插入指定元素到父元素的第一個(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)")
解釋
:first表示獲取第一個(gè)元素,
:last表示獲取最后一個(gè)元素,
nth-child(2)表示獲取第2個(gè)元素
以上這篇jquery插入兄弟節(jié)點(diǎn)的操作方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
- jquery實(shí)現(xiàn)在光標(biāo)位置插入內(nèi)容的方法
- 基于jQuery的輸入框在光標(biāo)位置插入內(nèi)容, 并選中
- JQuery在光標(biāo)位置插入內(nèi)容的實(shí)現(xiàn)代碼
- jQuery 在光標(biāo)定位的地方插入文字的插件
- jQuery:節(jié)點(diǎn)(插入,復(fù)制,替換,刪除)操作
- 關(guān)于用Jquery的height()、width()計(jì)算動(dòng)態(tài)插入的IMG標(biāo)簽的寬高的問(wèn)題
- JQuery插入DOM節(jié)點(diǎn)的方法
- jQuery實(shí)現(xiàn)在最后一個(gè)元素之前插入新元素的方法
- jQuery往textarea中光標(biāo)所在位置插入文本的方法
- jQuery?在圖片和文字中插入內(nèi)容實(shí)例
相關(guān)文章
本文主要介紹jQuery 3中一些新增的特性和一些變更的特性，以及一些廢棄刪除的特性，另外介紹了jQuery 3.0 最大的變化就是徹底放棄對(duì) IE8 的支持，大家可以先看一下。2016-04-04
jQuery產(chǎn)品間斷向下滾動(dòng)效果核心代碼
這篇文章主要為大家分享了jQuery產(chǎn)品間斷向下滾動(dòng)的核心代碼,需要的朋友可以參考下2014-05-05
jQuery插件expander實(shí)現(xiàn)圖片翻轉(zhuǎn)特效
本文給大家分享的是一款基于jQuery插件expander實(shí)現(xiàn)圖片翻轉(zhuǎn)特效，一共有6種不同的圖片翻轉(zhuǎn)樣式，十分的炫酷，有需要的小伙伴可以參考下。2015-05-05
下面小編就為大家?guī)?lái)一篇基于jQuery的表單填充實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
JQuery EasyUI 結(jié)合ztrIee的后臺(tái)頁(yè)面開(kāi)發(fā)實(shí)例
下面小編就為大家?guī)?lái)一篇JQuery EasyUI 結(jié)合ztrIee的后臺(tái)頁(yè)面開(kāi)發(fā)實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
7個(gè)神奇的jquery 3D插件，讓你可以實(shí)現(xiàn)一些媲美Flash的動(dòng)畫(huà)特效。2011-01-01
jquery EasyUI的formatter格式化函數(shù)代碼
以下實(shí)例格式化數(shù)據(jù)表格中的一列。如果金額小于20時(shí)使用自定義的格式器將文本變成紅色。2011-01-01
利用jQuery實(shí)現(xiàn)CheckBox全選/全不選/反選的簡(jiǎn)單代碼
下面小編就為大家?guī)?lái)一篇利用jQuery實(shí)現(xiàn)CheckBox全選/全不選/反選的簡(jiǎn)單代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
基于jQuery UI CSS Framework開(kāi)發(fā)Widget的經(jīng)驗(yàn)
jQuery UI CSS Framework是jQuery UI中的一個(gè)樣式框架，可以利用jQuery Theme roller 來(lái)生成自己想要的css樣式效果。我們可以利用jQuery UI的一些框架來(lái)開(kāi)發(fā)出基于jQuery UI CSS Framework效果的插件來(lái)。2010-08-08
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)九宮格拼圖小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11