这篇文章主要介绍了关于jQuery的增减类的操作（附代码），有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{padding: 0;margin: 0;}
ul{
list-style: none;
}
ul li{
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
background: #87CEEB;
float: left;
}
ul li.active{
background: #00FF00;
}
</style>
<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<ul>
<li>list1</li>
<li>list2</li>
<li>list3</li>
<li>list4</li>
</ul>
</body>
<script type="text/javascript">
//用mouseover方法
$("ul li").mouseover(function(){
$(this).addClass("active");
}).mouseout(function(){
$(this).removeClass("active");
})
//结合选择器选择
$("ul li").mouseover(function(){
$(this).addClass("active").siblings("li").removeClass("active");
})
</script>
</html>相关推荐：
Atas ialah kandungan terperinci 关于jQuery的增减类的操作（附代码）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Pengenalan kepada maksud tetingkap muat turun awan
nvidia geforce 940mx
Apa yang perlu dilakukan jika sistem pemasangan tidak dapat mencari cakera keras
Cara mengubah suai teks pada gambar
penerangan halaman seo
Perbezaan antara pengecasan pantas PD dan pengecasan pantas am
Adakah perdagangan Bitcoin dibenarkan di China?
nombor siri pemasangan pscs5
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
