介紹

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

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

jQuery的核心特性可以總結(jié)為：具有獨(dú)特的鏈?zhǔn)秸Z(yǔ)法和短小清晰的多功能接口；具有高效靈活的CSS選擇器，并且可對(duì)CSS選擇器進(jìn)行擴(kuò)展。

現(xiàn)狀

jQuery目前已經(jīng)趨于下滑，隨著各大瀏覽器趨于標(biāo)準(zhǔn)化，瀏覽器兼容問(wèn)題已經(jīng)越來(lái)越不是問(wèn)題了。隨著MVVM(Vue、React…)框架的普及，項(xiàng)目不再會(huì)大量直接操作DOM(虛擬DOM)。

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

功能

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

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

節(jié)點(diǎn)查找

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

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

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

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

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

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

$(selector).previousSibling()：獲取上一個(gè)兄弟節(jié)點(diǎn)

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

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

$(selector).nextSibling()：獲取下一個(gè)兄弟節(jié)點(diǎn)

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

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

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

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

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

$(selector).firstChild()：獲取第一個(gè)子節(jié)點(diǎn)

$(selector).lastChild()：獲取最后一個(gè)子節(jié)點(diǎn)

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

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

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

實(shí)際應(yīng)用

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

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

最新評(píng)論