快捷導(dǎo)航

jQuery獲取父節(jié)點、子節(jié)點、兄弟節(jié)點的代碼

更新時間：2023年06月16日 17:39:53 作者：碼農(nóng)桃子

這篇文章主要介紹了jQuery獲取父節(jié)點、子節(jié)點、兄弟節(jié)點的代碼,需要的朋友可以參考下

介紹

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫(框架)于2006年1月由John Resig發(fā)布。

jQuery設(shè)計的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計模式，優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計和Ajax交互。

jQuery的核心特性可以總結(jié)為：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的CSS選擇器，并且可對CSS選擇器進行擴展。

現(xiàn)狀

jQuery目前已經(jīng)趨于下滑，隨著各大瀏覽器趨于標準化，瀏覽器兼容問題已經(jīng)越來越不是問題了。隨著MVVM(Vue、React…)框架的普及，項目不再會大量直接操作DOM(虛擬DOM)。

不過，它的學(xué)習(xí)門檻低，學(xué)習(xí)成本也比較低，前端還是建議學(xué)一下。

功能

HTML 元素選取
HTML 元素操作
CSS 操作
HTML 事件函數(shù)
JavaScript 特效和動畫
HTML DOM 遍歷和修改
AJAX
Utilities

提示：除此之外，jQuery 還提供了大量的插件。

節(jié)點查找

jQuery的父節(jié)點查找方法

$(selector).parent(selector)：獲取父節(jié)點

$(selector).parentNode：以node[]的形式存放父節(jié)點，如果沒有父節(jié)點，則返回空數(shù)組

$(selector).parents(selector)：獲取祖先元素

jQuery的兄弟節(jié)點查找方法

$(selector).prev()：返回被選元素的前一個同級元素

$(selector).previousSibling()：獲取上一個兄弟節(jié)點

$(selector).prevAll()：獲取之前所用的兄弟節(jié)點

$(selector).next() :獲取被選元素的后一個同級元素

$(selector).nextSibling()：獲取下一個兄弟節(jié)點

$(selector).nextAll()：獲取之后所有的兄弟節(jié)點

$(selector).siblings()：獲取所有的兄弟節(jié)點

jQuery的子節(jié)點查找方法

$(selector).children()：獲取所有直接子節(jié)點

$(selector).childNodes()：以node[]的形式存放子節(jié)點，如果沒有子節(jié)點，則返回空數(shù)組

$(selector).firstChild()：獲取第一個子節(jié)點

$(selector).lastChild()：獲取最后一個子節(jié)點

$(selector).contents()：獲取包含的所有內(nèi)容，包括空文本

$(selector).removeChild(selector)：刪除并返回指定的子節(jié)點

$(selector).replaceChild(selector)：替換并返回指定的子節(jié)點

實際應(yīng)用

$('.arc_down').prev().html();
$('.arc_down').prev().html();

到此這篇關(guān)于jQuery獲取父節(jié)點、子節(jié)點、兄弟節(jié)點的代碼的文章就介紹到這了,更多相關(guān)jQuery父節(jié)點、子節(jié)點、兄弟節(jié)點內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！