8.排它思想

最新推荐文章于 2024-11-01 15:23:25 发布

添砖Java！

最新推荐文章于 2024-11-01 15:23:25 发布

阅读量81

点赞数

分类专栏： java web( jQuery ) 文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/dkbfhbh/article/details/126590742

版权

java web( jQuery ) 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

想要多选一的效果，排他思想：当前元素设置样式，其余的兄弟元素清除样式。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery.js"></script>
	</head>
	<body>
		<button>快速</button>
		<button>快速</button>
		<button>快速</button>
		<button>快速</button>
		<button>快速</button>
		<button>快速</button>
		<button>快速</button>
		<script>
			$(function(){
				//1.隐式迭代  给所有的按钮股都绑定了单击事件
				$("button").click(function(){
					//2.当前的元素变化背景颜色
					$(this).css("background","pink")
					//3.其余的兄弟去掉背景颜色
					$(this).siblings("button").css("background","")
				})
			})
		</script>
	</body>
</html>