js用jQuery的方式完成排他思想的案例 要求：在页面定义三个按钮，选中当前的按钮背景颜色改为粉色， 其他按钮的颜色样式清除

你可以使用jQuery来实现这个功能，首先在HTML中定义三个按钮：

<button id="btn1" class="button">Button 1</button>
<button id="btn2" class="button">Button 2</button>
<button id="btn3" class="button">Button 3</button>

然后，在JavaScript文件（通常是外部的`script.js`或内联`<script>`标签）中，添加jQuery脚本来监听按钮点击事件并应用排他选择：

$(document).ready(function() {
  $('.button').click(function() {
    // 阻止默认的点击效果，如跳转等
    event.preventDefault();

    // 获取所有按钮元素
    var buttons = $('.button');

    // 确定当前点击的按钮
    var currentBtn = $(this);

    // 改变当前按钮背景色为粉色
    currentBtn.css('background-color', 'pink');

    // 清除其他按钮的背景色
    buttons.not(currentBtn).css('background-color', '');
  });
});

在这个例子中，当任何一个按钮被点击时，会执行该函数，它会选择所有的`.button`类的元素，然后只改变当前被点击按钮的背景颜色，并清除其他未被选中的按钮的背景颜色。