jQuery - 在元素上调用函数

Question

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

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

我写了这个函数：

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

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

Answer 1

您可以extend jQuery并创建自定义方法：

＆＃13;

＆＃13;

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

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

内部.hide()将迭代每个元素，但如果您想手动执行此操作，则可以使用.each()方法：

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