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

时间:2016-01-28 15:32:13

标签: jquery jquery-plugins

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

我的代码中有错误吗?

jsfiddle

的jQuery

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

感谢您的帮助。

3 个答案:

答案 0 :(得分:1)

以下是工作代码:

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

答案 1 :(得分:0)

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

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

你可以用它。

答案 2 :(得分:0)



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

<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;
&#13;
&#13;