需求:點擊一個盒子,添加紅色邊框,同時刪除其余同名盒子的邊框
方法一:
var indexNum = null;
$('body').on('click', '.content-box', function () {
if (!indexNum) {
$(this).css("border", "1px solid red");
} else {
if (indexNum != this) {
$(this).css("border", "1px solid red");
$(indexNum).css("border", "none");
} else { return;}
}
indexNum = this;
})
方法二
$('body').on('click', '.content-box', function () {
$('.content-box').not($(this)).removeClass('Acitve');
// 也可以寫為$('.content-box').removeClass('Acitve'),第一行相對來說較優(yōu)雅
$(this).addClass('Acitve');
})
.Acitve{
border:1px solid red;
}
我叫洱月,我愿意陪你到洱海風(fēng)花雪月,你,看到我了嗎?