壹***三步,具體如下:
1、HTML結構:設計三個li元素<ul?id="test">、 <li>Glen</li>、<li>Tane</li、<li>John</li>、</ul>。
2、css樣式:設計壹個類selected,表示選中後的效果<style> .selected{font-weight:bold; background: #ff99cc; color:#fff;}</style。
3、jquery代碼:$(function(){$("#test li").click(function() $(this).siblings('li').removeClass('selected'); ?// 刪除其他兄弟元素 $(this).addClass('selected'); ?// 添加當前元素的樣式 });
1、removeClass()定義和用法:removeClass() 方法從被選元素移除壹個或多個類。如果沒有規定參數,則該方法將從被選元素中刪除所有類。
2、addClass()定義和用法:addClass() 方法向被選元素添加壹個或多個類。該方法不會移除已存在的 class 屬性,僅僅添加壹個或多個 class 屬性。如需添加多個類,請使用空格分隔類名。