如何在jquery链接中使用自定义函数

Question

是否可以制作这样的东西：

function hideThisObject(objectName){
    $(objectName).css({
        "transition":"200ms",
        "opacity":"0"
    });
    setTimeout(function(){
        $(objectName).remove();
    },250);
}

$('p').hideThisObject(this);

Answer 1

您需要使用jquery $.fn.*来声明jquery自定义函数。

$.fn.customFunc = function(){
    $(this).css("background-color", "green");
};

$("div").customFunc();

div {
    width: 100px;
    height: 100px;
    background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>