一、什麼是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() 方法是一個非常實用的方法，它可以幫助我們查找元素的下一個同級元素，從而實現更多更有趣的頁面效果。
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/308239.html
微信掃一掃 
支付寶掃一掃 