<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
$("li").hover(function(){ 
$(this).addClass("ho"); 
}, 
function(){ 
$(this).removeClass("ho"); 
}); 
$("li").click(function(){ 
$(this).removeClass("ho").addClass("xiaoshi").siblings().removeClass("xiaoshi"); 
}); 
}) 
</script> 
<style type="text/css"> 
li{background-color:#099; float:left; width:50px; height:25px; margin-left:1px; list-style:none;} 
.xiaoshi{background-color:#FF0;} 
.ho{background-color:#F00;} 
</style> 
</head> 
<body> 
<div> 
<ul> 
<li>我第1</li> 
<li>我第2</li> 
<li>我第3</li> 
<li>我第4</li> 
<li>我第5</li> 
<li>我第6</li> 
</ul> 
</div> 
</body>

相關(guān)文章

解決Jquery下拉框數(shù)據(jù)動態(tài)獲取的問題
下面小編就為大家分享一篇解決Jquery下拉框數(shù)據(jù)動態(tài)獲取的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
jQuery模擬新浪微博首頁滾動效果的方法
這篇文章主要介紹了jQuery模擬新浪微博首頁滾動效果的方法,實例分析了jQuery使用animate、css等方法實現(xiàn)滾動特效的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03
jQuery的三種$()
$號是jQuery“類”的一個別稱，$()構(gòu)造了一個jQuery對象。所以，“$()”可以叫做jQuery的構(gòu)造函數(shù)（個人觀點，呵呵?。?/div> 2009-12-12
jquery表單對象屬性過濾選擇器實例分析
這篇文章主要介紹了jquery表單對象屬性過濾選擇器,實例分析了jQuery選擇器的相關(guān)使用技巧,需要的朋友可以參考下
2015-05-05
jQuery Migrate 插件用法實例詳解
jQuery Migrate是應(yīng)用遷移輔助插件，是用于高級版本兼容低級版本輔助插件。這篇文章主要介紹了jQuery Migrate 插件用法 ,需要的朋友可以參考下
2019-05-05
jQuery樣式操作方法整理介紹
這篇文章主要介紹了jQuery樣式操作方法，并通過實際案例更淺顯的理解，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧
2022-10-10
jQuery解決input元素的blur事件和其他非表單元素的click事件沖突問題
這篇文章主要介紹了jQuery解決input元素的blur事件和其他非表單元素的click事件沖突問題,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-08-08
Jquery高級應(yīng)用Deferred對象原理及使用實例
這篇文章主要介紹了Jquery高級應(yīng)用Deferred對象原理及使用實例,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-05-05
jQuery的Ajax時無響應(yīng)數(shù)據(jù)的解決方法
今天做項目時發(fā)現(xiàn)永遠響應(yīng)的值都是該頁面的html代碼。
2010-05-05
jQuery實現(xiàn)鼠標劃過展示大圖的方法
這篇文章主要介紹了jQuery實現(xiàn)鼠標劃過展示大圖的方法,實例分析了jQuery操作鼠標事件及圖片處理的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03