jQuery中next()方法用法實例_jquery

本文實例講述了jQuery中next()方法用法。分享給大家供大家參考。具體分析如下：

此方法獲得匹配元素集合中每個元素緊鄰的同儕元素。
也可以使用可選的表達式對同儕元素集合進行篩選。

語法結構:

複製程式碼 程式碼如下:

$(selector).next(expr)

參數列表:

参数	描述
expr	可选。用于筛选的表达式

コード例:

例 1:

コードをコピーします コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("p").next().css("color","blue")
})

私は p 要素です

私はspan要素です

私は p 要素です

私は div 要素です

各 p 要素のすぐ隣の要素のフォントの色を青に設定します。

例 2:

コードをコピーします コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("p").next("span").css("color","blue")
})

私は p 要素です

私はspan要素です

私は p 要素です

私は div 要素です

p要素のすぐ隣のspan要素のフォントの色を青に設定します。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。