溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

jQuery中排他思想的示例分析

發(fā)布時間：2022-02-22 11:11:31 來源：億速云 閱讀：118 作者：小新 欄目：開發(fā)技術(shù)

這篇文章主要介紹了jQuery中排他思想的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

　　jQuery里的排他思想

　　想要多選一的效果，排他思想，當(dāng)前元素設(shè)置樣式，其他兄弟元素清除樣式。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="jquery.min.js"></script>
	</head>
	<body>
		<button>快速</button>
		<button>快速</button>
		<button>快速</button>
		<button>快速</button>
		<button>快速</button>
		<button>快速</button>
		<button>快速</button>
		<button>快速</button>
	</body>
	<script>
		
		$(function(){
			//1.隱式迭代 給所有按鈕都綁定了點(diǎn)擊事件
			$("button").click(function(){
					//2.當(dāng)前元素變化背景顏色
					$(this).css("background","red");
					//3.其余兄弟去掉背景顏色
					$(this).siblings("button").css("background","");
			});
		})
	</script>
	
</html>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“jQuery中排他思想的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手