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實(shí)現(xiàn)帶漸變淡入淡出并向右依次展開的多級(jí)菜單效果實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)帶漸變淡入淡出并向右依次展開的多級(jí)菜單效果,涉及jquery鼠標(biāo)事件及頁(yè)面元素動(dòng)態(tài)樣式設(shè)置的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08jquery實(shí)現(xiàn)二級(jí)導(dǎo)航下拉菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)二級(jí)導(dǎo)航下拉菜單效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12關(guān)于jquery中attr()和prop()方法的區(qū)別
今兒是腳本之家小編給大家總結(jié)的jquery中attr()和prop()方法的區(qū)別,感興趣的朋友參考下2018-05-05jqueryMobile 動(dòng)態(tài)添加元素,展示刷新視圖的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jqueryMobile 動(dòng)態(tài)添加元素,展示刷新視圖的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05用jQuery解決IE不支持的option disable屬性
使用jQuery解決IE不支持的option disable屬性2009-05-05AspNet中使用JQuery上傳插件Uploadify詳解
Uploadify是JQuery的一個(gè)上傳插件,實(shí)現(xiàn)的效果非常不錯(cuò),帶進(jìn)度顯示。不過(guò)官方提供的實(shí)例時(shí)php版本的,本文將詳細(xì)介紹Uploadify在Aspnet中的使用2015-05-05Jquery實(shí)現(xiàn)的一種常用高亮效果示例代碼
本篇文章只要是對(duì)Jquery實(shí)現(xiàn)的一種常用高亮效果示例代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-01-01JQuery Ajax 異步操作之動(dòng)態(tài)添加節(jié)點(diǎn)功能
異步操作動(dòng)態(tài)添加節(jié)點(diǎn),導(dǎo)致在代碼中給添加的節(jié)點(diǎn)全局綁定事件或者獲取元素?zé)o效,問(wèn)題出在哪里呢?下文給大家介紹下,感興趣的朋友參考下吧2017-05-05