Question

我是jQuery的新手，我想制作我的第一个插件。它应该在悬停时改变颜色，而不是在mousedown上改变颜色。

我的代码中有错误吗？

见

的jQuery

;(function($, window, document, undefined){
    $.fn.test = function () {
        return this.each(function(){
            this.hover(function(){
                this.css('color', 'red');
            });
        });
    }
})(jQuery, window, document);

感谢您的帮助。

Answer 1

以下是工作代码：

;(function($, window, document, undefined){
    $.fn.test = function () {
        this.each(function(){
            $(this).hover(function(){
                $(this).css('color', 'red');
            });
        });
        return this;
    };
})(jQuery, window, document);

Answer 2

http://jsfiddle.net/g690fp7a/2/ 检查这个小提琴

$("a").hover(function() { 
    $(this).css("color", "red");
});
$("a").mouseout(function() { 
    $(this).css("color", "blue");
});

你可以用它。

Answer 3

＆＃13;

$(document).ready(function(){
    $("a").hover(function(){
        $(this).css("background-color", "black");
        }, function(){
        $(this).css("background-color", "transparent");
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<body>
<a href="#">blabla</a>
<a href="#">blabla</a>
<a href="#">blabla</a>
<a href="#">blabla</a>
</body>

＆＃13;

jQuery插件，用于更改文本颜色

3 个答案: