bootstrap （active类）切换

在一个按钮组中，给一个按钮赋予active类使其处于默认状态，当点击其他按钮时移除active类并赋予当前按钮。

$(document).ready(function () {
$('#ball').click(function (e) {
e.preventDefault();
$('#ball').removeClass('active');
$(this).addClass('active');

});

});

我出现的错误是：没有写

$(document).ready（function（）{}）；

导致单击另一个按钮后，前一个的不变。

e.preventDefault();是什么？ 有什么用 ？

阻止当前的默认动作。

示例

<a id="link" href="http://w3c.org">W3C 首页链接</a>

在当前页面跳转到w3c

// 在新窗口, 打开页面
document.getElementById('link').onclick = function(ev) {
	// 阻止浏览器默认动作 (页面跳转)
	ev.preventDefault();
	// 在新窗口打开页面
	window.open(this.href);
};

假如没有e.preventDefault();那么运行完后，新窗口是w3c原先的窗口也会是w3c。

使用了e.preventDefault();原先页面的跳转行为会被取消。