使用jQuery next()方法

一、什么是jQuery next()方法

jQuery next() 方法返回被选元素的下一个同级元素。 该方法只返回一个下一个同级元素，如果需要返回所有下一个同级元素，请使用 nextAll() 方法。

$(selector).next()
$(selector).nextAll()

二、jQuery next()方法的用法

jQuery next() 方法是用于查找元素的下一个同级元素。 示例 1：

$(document).ready(function(){
  $("button").click(function(){
    $("p").next().css("color", "red");
  });
});

上面这个示例中，当按钮被点击时，p元素的下一个同级元素的字体颜色将被设置为红色。 示例 2：

$(document).ready(function(){
  $("button").click(function(){
    $("p").nextAll().css("color", "red");
  });
});

上面这个示例中，当按钮被点击时，p元素的所有下一个同级元素的字体颜色将被设置为红色。

三、jQuery next()方法的参数

jQuery next() 方法不支持参数。

四、jQuery next()方法的返回值

jQuery next() 方法返回被选元素的下一个同级元素。

五、结论

jQuery next() 方法是一个非常实用的方法，它可以帮助我们查找元素的下一个同级元素，从而实现更多更有趣的页面效果。