<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script> <style> li { width: 200px; height: 30px; background: pink; margin-bottom: 20px; } </style> <script type="text/javascript"> $(function() { $("li.ac").hover(function() { $(this).html("yes") }, function() { $(this).html("") }); $("li").click(function(){ $(this).addClass("ac").siblings().removeClass("ac"); }) }) </script></head><body> <ul> <li></li> <li></li> <li></li> <li></li> <li class="ac"></li> </ul></body></html>想要点击li让该li实现hover效果
2 回答
噜噜哒
TA贡献1784条经验 获得超7个赞
$("ul").on('mouseover mouseout','.ac',function(event) {
if(event.type == "mouseover"){
//鼠标悬浮
$(this).html("yes")
}else if(event.type == "mouseout"){
//鼠标离开
$(this).html("")
}
});
茅侃侃
TA贡献1842条经验 获得超21个赞
$(function() {
$("li").hover(function() {
if($(this).hasClass("ac")){
$(this).html("yes");
}
}, function() {
$(this).html("");
});
$("li").click(function(){
$(this).addClass("ac").siblings().removeClass("ac");
$(this).html("yes").siblings().html("");
});
});
添加回答
举报
0/150
提交
取消