jQuery（二）jQuery鏈式語法在遍歷中的使用

時間 2019-12-06

原文原文鏈接

jQuery鏈式語法在遍歷中的使用javascript

jQuery的代碼是很是優雅的，也是很是靈巧的。它容許用戶連續設計各類行爲，從而實現按人的慣性思惟進行快速開發。css

舉例代碼以下：html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script type="text/javascript" src="js/chain.js" ></script>
		<link rel="stylesheet" href="css/chain.css" />
	</head>
	<body>
		<table>
			<tr>
				<td>name</td>
				<td>age</td>
				<td>area</td>
			</tr>
			<tr>
				<td>chen</td>
				<td>18</td>
				<td>chengdu</td>
			</tr>		
			<tr>
				<td>de</td>
				<td>19</td>
				<td>mianyang</td>
			</tr>
			
			<tr>
				<td>kai</td>
				<td>20</td>
				<td>hangzhou</td>
			</tr>
			<tr>
				<td>chendekai</td>
				<td>21</td>
				<td>xian</td>
			</tr>
		</table>
	</body>
</html>

.heighlight {
	background-color: aliceblue;
	
}

$(document).ready(function(){
	$('td:contains(chen)').parent().find('td:eq(1)')
	.addClass('heighlight').end().find('td:eq(2)').addClass('heighlight');
	
});

實現鏈式語法遍歷能夠用的函數有：java

jQuery 遍歷函數

jQuery 遍歷函數包括了用於篩選、查找和串聯元素的方法。jquery

函數	描述
.add()	將元素添加到匹配元素的集合中。
.andSelf()	把堆棧中以前的元素集添加到當前集合中。
.children()	得到匹配元素集合中每一個元素的全部子元素。
.closest()	從元素自己開始，逐級向上級元素匹配，並返回最早匹配的祖先元素。
.contents()	得到匹配元素集合中每一個元素的子元素，包括文本和註釋節點。
.each()	對 jQuery 對象進行迭代，爲每一個匹配元素執行函數。
.end()	結束當前鏈中最近的一次篩選操做，並將匹配元素集合返回到前一次的狀態。
.eq()	將匹配元素集合縮減爲位於指定索引的新元素。
.filter()	將匹配元素集合縮減爲匹配選擇器或匹配函數返回值的新元素。
.find()	得到當前匹配元素集合中每一個元素的後代，由選擇器進行篩選。
.first()	將匹配元素集合縮減爲集合中的第一個元素。
.has()	將匹配元素集合縮減爲包含特定元素的後代的集合。
.is()	根據選擇器檢查當前匹配元素集合，若是存在至少一個匹配元素，則返回 true。
.last()	將匹配元素集合縮減爲集合中的最後一個元素。
.map()	把當前匹配集合中的每一個元素傳遞給函數，產生包含返回值的新 jQuery 對象。
.next()	得到匹配元素集合中每一個元素緊鄰的同輩元素。
.nextAll()	得到匹配元素集合中每一個元素以後的全部同輩元素，由選擇器進行篩選（可選）。
.nextUntil()	得到每一個元素以後全部的同輩元素，直到遇到匹配選擇器的元素爲止。
.not()	從匹配元素集合中刪除元素。
.offsetParent()	得到用於定位的第一個父元素。
.parent()	得到當前匹配元素集合中每一個元素的父元素，由選擇器篩選（可選）。
.parents()	得到當前匹配元素集合中每一個元素的祖先元素，由選擇器篩選（可選）。
.parentsUntil()	得到當前匹配元素集合中每一個元素的祖先元素，直到遇到匹配選擇器的元素爲止。
.prev()	得到匹配元素集合中每一個元素緊鄰的前一個同輩元素，由選擇器篩選（可選）。
.prevAll()	得到匹配元素集合中每一個元素以前的全部同輩元素，由選擇器進行篩選（可選）。
.prevUntil()	得到每一個元素以前全部的同輩元素，直到遇到匹配選擇器的元素爲止。
.siblings()	得到匹配元素集合中全部元素的同輩元素，由選擇器篩選（可選）。
.slice()	將匹配元素集合縮減爲指定範圍的子集。