jQuery的 - 呼叫功能的元素

Question

我想调用一个函数来显示和修改了这样的内容上：

$('#element').someFunction(); 

我写了这个功能：

function someFunction(){ 
    $(this).show(); 
    //other stuff 
} 

但这不工作。 有人可以给我一个提示如何解决这个问题。

Answer 1

你可以extend jQuery并创建一个自定义的方法：

$.fn.someFunction = function() { 
 
    return this.hide(); 
 
}; 
 

 
$('.element').someFunction();

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

 
<div class="element">This should be hidden.</div> 
 
<div class="element">This should be hidden.</div>

内部.hide()将遍历每个元素，但如果你想手动做到这一点，你可以只利用.each()方法：

$.fn.someFunction = function() { 
    return this.each(function() { 
    // 'this' refers to the element here 
    }); 
};