jQuery：jQuery的排他思想小练习

最新推荐文章于 2022-05-03 14:03:24 发布

奄奄一息的一条咸鱼

最新推荐文章于 2022-05-03 14:03:24 发布

阅读量161

点赞数

分类专栏： jQuery 文章标签： jquery javascript js

本文链接：https://blog.csdn.net/weixin_46682277/article/details/116108666

版权

jQuery 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何使用jQuery实现点击按钮时，当前按钮背景变色而其他按钮保持不变的功能。通过点击事件和CSS样式修改，实现了简洁的交互效果。同时提到了jQuery中获取元素索引的方法，作为替代自定义属性的解决方案。

摘要由CSDN通过智能技术生成

功能：点击当前按钮，当前按钮背景变颜色，其他按钮不变。

<button>警告</button><button>危险</button>
<script>
$(function(){
	$("button").click(function(){
		// 点击当前按钮，当前按钮背景变颜色
		$(this).css("background","skyblue");
		// 当前按钮的其他兄弟不变
		$(this).siblings("button").css("background","");
	})
})
</script>