为了账号安全,请及时绑定邮箱和手机立即绑定

帮我找一找错误

<!DOCTYPE html>

<html>

    <head>

        <title>编程挑战</title>

        <link href="style.css" rel="stylesheet" type="text/css" />

        <script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script>

    </head>

    

    <body>

        <ul>

        <li>one</li>

        <li>two</li>

        <li>three</li>

        <li>four</li>

        <li>five</li>

        </ul>

      

      

      

      

        <script type="text/javascript">

         $(function($){

           $.extends({

               "focusout":function(){

                   $("li").bind("mouseover",function(){

                      $("li").css("brackground-color","#ccc");

                   });

                    $("li").bind("mouseout",function(){

                      $("li").css("brackground-color","#fff");

                   });

                   

                   

               }

               

           });

             })(jQuery);

         $(function(){

             $.focusout();

         });

         

        </script>

    </body>

</html>


正在回答

1 回答

(function($){

$.fn.extend({

   focusout : function(){

    this.each(function(){

    $(this).on({

            "mouseover":function(){

                $(this).css("color","red");

            },

            "mouseout":function(){

                $(this).css("color","black");

            }

        });

    });

       return this;

   }

});

 })(jQuery);

===========以上是插件,下面是调用,添加全局函数在这里比较难搞========

$("li").focusout();

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

帮我找一找错误

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信