jQuery中next與nextAll有什么區別

jQuery中next與nextAll有什么區別？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

創新互聯建站基于成都重慶香港及美國等地區分布式IDC機房數據中心構建的電信大帶寬，聯通大帶寬，移動大帶寬，多線BGP大帶寬租用,是為眾多客戶提供專業服務器托管報價，主機托管價格性價比高，為金融證券行業內蒙古服務器托管，ai人工智能服務器托管提供bgp線路100M獨享，G口帶寬及機柜租用的專業成都idc公司。

jquery是什么

jquery是一個簡潔而快速的JavaScript庫，它具有獨特的鏈式語法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對CSS選擇器進行擴展、擁有便捷的插件擴展機制和豐富的插件，是繼Prototype之后又一個優秀的JavaScript代碼庫，能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動畫，以便快速開發網站。

1、定義不同

next()方法取得一個包含匹配的元素集合中每一個元素緊鄰的后面同輩元素的元素集合；

nextAll()方法查找當前元素之后所有的同輩元素。

2、獲取元素節點數量不同

next()方法只是同輩的下一級，獲取被選中元素的下一個且同級元素節點；

nextAll()方法是同輩的下面的所有的，獲取被選中元素的下邊所有同級元素節點。

3、返回值不同

next()方法返回同輩標簽中的下一個標簽（是一個值）；

nextAll()方法返回的是同輩間下面的所有的標簽（是多個值）。

4、代碼區分

<!DOCTYPE html>
<html>
    <head>
	<meta charset="UTF-8">
	<title></title>
	<script src="js/jquery-3.3.1.js"></script>
    </head>
    <body>
	<table>
	    <tr id="thead">
		<th>編號</th>
	    </tr>
	    <tr>
	        <td>1</td>
	    </tr>
	    <tr>
		<td>2</td>
	    </tr>
	</table>
	<script>
	    $("#thead").next().each(function(){
		console.log(this);
	    });
	    console.log("————分割線————")
	    $("#thead").nextAll().each(function(){
		console.log(this);
	    });
	</script>
    </body>
</html>

關于jQuery中next與nextAll有什么區別問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注創新互聯行業資訊頻道了解更多相關知識。

分享標題：jQuery中next與nextAll有什么區別
URL鏈接：http://m.newbst.com/article6/pogsig.html

成都網站建設公司_創新互聯，為您提供網頁設計公司、標簽優化、靜態網站、網站排名、定制開發、定制網站

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

jQuery中next與nextAll有什么區別

jquery是什么