Tabs 如何创建自定义jquery选项卡？

我有一个具体的场景：

我有4个选项卡，每个选项卡都有自己的2个图标，用于显示选择与否

我想做的是，当我单击选项卡时，图标会更改，当我单击另一个选项卡时，图标会更改为另一个图标

p、 我说的是标签本身，而不是容器的内容

谢谢

检查此图像：

---

如果您使用的是ui选项卡，则选定的类将应用于活动选项卡。如果你不知道，我相信你可以自己应用。然后，您只需在css中提供图像作为背景。

假设每个选项卡都有自己的css类，您可以在css中为选项卡中的每个图片使用

背景图像

然后，当选项卡被选中时（你可以添加一个类，说它被选中了，比如“selected”之类），然后给出一个不同的图像

例如：

.book_tab{
background-image:url('img_plane.png');
background-repeat:no-repeat;`
}
.rent_tab{
background-image:url('img_car.png');
background-repeat:no-repeat;`
}
.deals_tab{
background-image:url('img_tag.png');
background-repeat:no-repeat;`
}
.book_tab .selected{
background-image:url('img_plane2.png');
background-repeat:no-repeat;`
}
.rent_tab .selected{
background-image:url('img_car2.png');
background-repeat:no-repeat;`
}
.deals_tab .selected{
background-image:url('img_tag2.png');
background-repeat:no-repeat;`
}
.book_选项卡{
背景图片：url（'img_plane.png'）；
背景重复：无重复`
}
.租金标签{
背景图片：url（'img_car.png'）；
背景重复：无重复`
}
.u选项卡{
背景图片：url（'img_tag.png'）；
背景重复：无重复`
}
.book_选项卡。已选定{
背景图片：url（'img_plane2.png'）；
背景重复：无重复`
}
.rent_选项卡。已选定{
背景图片：url（'img_car2.png'）；
背景重复：无重复`
}
.deals\u选项卡。已选定{
背景图片：url（'img_tag2.png'）；
背景重复：无重复`
}你的意思是像.book_tab.selected{}？在哪里添加所选的类？jquery如何知道我选择了一个选项卡？当您单击选项卡时，可以使用函数添加一个类。确保删除了另一个选项卡上的.selected类，您的意思是默认情况下jQuery应用的是.selected类吗？看起来怎么样：.tab1{}和.tab1选择了{}？