Question

我想编写一个jquery函数，否则我必须反复编写一些代码。

以下是该功能的第一个：

 $(".checkbox-car").click(function(){
            $(this).toggleClass('checked-car')
        });

         $(".checkbox-bus").click(function(){
            $(this).toggleClass('checked-bus')
        });

这就是我尝试用自己的功能做的事情：

    $.fn.checkedFunction = function(Clicked, Checked){
        $(this).click(function(){
            console.log('check');
            $(Clicked).toggleClass(Checked);
        });
    }

    $('.checkbox-car').checkedFunction('.checkbox-car','.checked-car');

但是我得到了没有定义checkedFunction的错误。

我在这里做错了什么可以有人帮助我？

Answer 1

您收到的错误是未定义checkedFunction，因为它没有。 checkedFunction是$.fn对象中定义的属性。

要使用您创建的功能，您应该这样做 $(".some-element").checkedFunction(...args)。

此外，您应该阅读jQuery文档。

Answer 2

必须这样做：

    $.fn.checkedFunction = function(Clicked, Checked){
        $(this).click(function(){
            $(Clicked).toggleClass(Checked);
        });
    }

    $('.checkbox-car').checkedFunction('.checkbox-car','checked-car');
    $('.checkbox-bus').checkedFunction('.checkbox-bus','checked-bus');

在第二个检查类之前删除点

如何正确定义jQuery函数

2 个答案: