当我点击某个按钮,这个按钮就会变色
排他思想
<button>点击</button>
<button>点击</button>
<button>点击</button>
<button>点击</button>
<button>点击</button>
<button>点击</button>
<script>
$(function() {
//因为jQuery里面有隐式迭代,所以不需要循环遍历来给每一个按钮绑定事件
//这样就可以给所有的按钮添加了事件
$('button').click(function() {
$(this).css('backgroundColor', 'red').siblings().css('backgroundColor', '')
})
})
</script>
这里的代码我用链式代码写的,
如果不用就如下看
$(this).css('backgroundColor', 'red');
$(this).siblings().css('backgroundColor', '');
这样就完成了这个案例,我就用了两行代码,
学了jquery,我才知道,这么方便,仿佛打开了新天地.太爽了.