hover 和click的问题
<!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回答
-
噜噜哒
$("ul").on('mouseover mouseout','.ac',function(event) { if(event.type == "mouseover"){ //鼠标悬浮 $(this).html("yes") }else if(event.type == "mouseout"){ //鼠标离开 $(this).html("") }}); -
茅侃侃
$(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(""); });});
随时随地看视频慕课网APP
相关分类
JavaScript