如何使用自定义功能的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>