在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ hover 和click的問題

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>
想要點(diǎn)擊li讓該li實(shí)現(xiàn)hover效果

回答
編輯回答
笑浮塵

我要的是hover效果啊

2017年5月11日 19:35
編輯回答
清夢(mèng)

mousedownmouseup

2017年8月17日 15:16
編輯回答
久舊酒
$("ul").on('mouseover mouseout','.ac',function(event) {
    if(event.type == "mouseover"){
    //鼠標(biāo)懸浮
    $(this).html("yes")
    }else if(event.type == "mouseout"){
    //鼠標(biāo)離開
    $(this).html("")
    }
});
2017年1月8日 05:32
編輯回答
空痕
$(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("");
      });
});
2017年5月3日 16:33