共計 690 個字符，預(yù)計需要花費 2 分鐘才能閱讀完成。

自動寫代碼機器人，免費開通

這篇文章給大家分享的是有關(guān) jQuery 如何操作第 N 個元素的內(nèi)容。丸趣 TV 小編覺得挺實用的，因此分享給大家做個參考，一起跟隨丸趣 TV 小編過來看看吧。

jQuery 是一套跨瀏覽器的 JavaScript 庫，簡化 HTML 與 JavaScript 之間的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上發(fā)布第一個版本。目前是由 Dave Methvin 領(lǐng)導(dǎo)的開發(fā)團隊進行開發(fā)。全球前 10000 個訪問最高的網(wǎng)站中，有 59% 使用了 jQuery，是目前最受歡迎的 JavaScript 庫。

jquery 操作同組元素的第 N 個元素的方法，舉例如下：

在 >

具體 jQuery 代碼：

 $(.phpernote ul li:nth-child(5) ).addClass(com

已經(jīng)成功給每個 ul 下的第 5 個 li 添加 class 為 com

當然，也可以直接添加 CSS 代碼：

$(.phpernote ul li:nth-child(5) ).css({padding-right : 5px});

nth-child：英文中的縮寫，n-th，表示第幾個，1,2,3 分別用 first、second、third 單詞，從 4 開始便為數(shù)字的單詞 +th，如 4th、5th、6th 等等

獲取 ul 下的第一個 li

$(ul li:first-child)

獲取 ul 下的最后一個 li

$(ul li:last-child)

感謝各位的閱讀！關(guān)于“jQuery 如何操作第 N 個元素”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向 AI 問一下細節(jié)