Javascript 调用以DOM为目标的自定义方法时出现的问题

你能看一下这个演示并告诉我为什么它不起作用吗

功能更改颜色（项目）{
var项目=$（此项）；
css（“颜色”、“绿色”）；
}
$（“.changer”）。打开（“单击”，函数（）{
$（'p'）.changeColor（）；
});

名称

Changer'
您需要将
changeColor
定义为jQuery插件而不是简单的函数

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

然后，不再需要
item
参数，因为您可以通过
this
访问jQuery中的目标元素

__

演示：

$.fn.changeColor=function（）{
css（“颜色”、“绿色”）；
}
$（“.changer”）。打开（“单击”，函数（）{
$（'p'）.changeColor（）；
});

名称

Changer'
您需要将
changeColor
定义为jQuery插件而不是简单的函数

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

然后，不再需要
item
参数，因为您可以通过
this
访问jQuery中的目标元素

__

演示：

$.fn.changeColor=function（）{
css（“颜色”、“绿色”）；
}
$（“.changer”）。打开（“单击”，函数（）{
$（'p'）.changeColor（）；
});

名称

Changer'
您正在调用函数changeColor，就像调用jQuery插件一样，但它只是一个简单的javascript函数

$.fn.changeColor = function changeColor(){
   var item =  $(this);
   item.css("color", "green");
 }

$(".changer").on("click", function(){
     $('p').changeColor();
});

请参见演示
您正在调用函数changeColor，就像调用jQuery插件一样，但它只是一个简单的javascript函数

$.fn.changeColor = function changeColor(){
   var item =  $(this);
   item.css("color", "green");
 }

$(".changer").on("click", function(){
     $('p').changeColor();
});

请参见演示
。changeColor
不是jQuery方法
。changeColor
不是jQuery方法fyi:
此
将成为jQuery对象，无需包装fyi:
此
将成为jQuery对象，无需包装您重复@Abdennour的相同答案。为避免投票被否决，请删除您的答案，或给出另一个解决方案您重复@Abdennour的相同答案。为了避免被否决，删除你的答案，或者给出另一个解决方案