如何实现默认颜色为灰色的聚焦方法

来源:4-11 编程挑战

断弦之殇

2019-02-17 04:10

<body>    
    <h2>学生姓名</h2>    
    <ul id="u">        
        <li>小明</li>        
        <li>徐奥和</li>        
        <li>数据库</li>        
        <li>对进口</li>    
    </ul>    
    <script type="text/javascript">        
        (function ($) {                
            $.extend({                    
                "foc": function () {                        $
                (this).focusColor("#ccc");                    
                }               
              });           
            })(jQuery);       
        $(function(){            
            $("#u").foc();         
           });    
     </script>
</body>

想自定义一个方法foc(),来代替jQuery("#ccc")方法,来实现默认颜色为灰色的聚焦方法,这个自定义方法应该怎么写。

写回答 关注

1回答

  • 回头看我漂亮的坚持
    2019-06-23 10:39:07

    (function($)
    {
        $.extend(
        {
            "focusColor":function(id)
            {
                var de_col="#fff";
                var mo_col="#ccc";
                $("#id").find("li").each(function()
                {
                    $(this).mouseover(function()
                    {
                       $(this).css("backgroundColor",mo_col);
                    }).mouseout(function()
                    {
                         $(this).css("backgroundColor",de_col);  
                    });
                });
            },
        });
    })(jquery);

jQuery基础(五)一Ajax应用与常用插件

如何用jquery实现ajax应用,加入学习,有效提高前端开发速度

69101 学习 · 400 问题

查看课程

相似问题