Javascript 如何创建自己的.hide（）函数？

我可以附加（并操纵）所选元素的基本函数是什么样子的

例如，要显示隐藏的元素：

mySelectedElement.hideElement();

使用以下代码尝试上述操作会出现此错误：

TypeError:$（…）。hideElement不是函数

---

试试这个：您需要以jquery的方式定义函数，请参见下面的函数

如果在js文件中定义函数-

$.fn.hideElement= function() {
    $(this).css({
      display: 'none'
    });
};

如果在

$（document）.ready（..

-

var hideElement = function() {
    $(this).css({
      display: 'none'
    });
};

---

用于创建jQuery插件的语法

(function($){
    $.fn.<yourfn> = function(opt){
        //Take care of jQuery chaining by return this
        //Take care of multiple selections say $('div, span, p').<yourfn>() using .each
        return this.each(
            function(){
                /* your TODO goes here */
            };
        ); 
    }; 
})(jQuery);

---

调用

$（'div，p'）.hideElement（）；

Hm，第一个函数返回此错误：“ReferenceError:none未定义”把

none

放在引号里。这不是一个“隐藏”功能吗？@TilakMadichetti有天真的问题、乏味的问题、措词不当的问题、自我批评不足后提出的问题。但每个问题都是一个了解世界的呼声。没有愚蠢的问题。我同意兄弟！！@Fellow刚刚投票：）！！

(function($){
    $.fn.<yourfn> = function(opt){
        //Take care of jQuery chaining by return this
        //Take care of multiple selections say $('div, span, p').<yourfn>() using .each
        return this.each(
            function(){
                /* your TODO goes here */
            };
        ); 
    }; 
})(jQuery);

(function($){
    $.fn.showElement = function(options){
        return this.each(
            function(){
                $(this).css({display: none});
            };
        ); 
    }; 
})(jQuery);