$.fn 中的fn是什么意思

[zhengyingcan]

我百度如下
jQuery.fn = jQuery.prototype
但是 prototype 又是什么意思呢，继续百度
$.prototype.test = function() {
return $(this).val();
};
$(function(){
alert($("#name").test());
});
还是不明白，原代码如下
$(document).ready(function () {
$.fn.zTree.init($("#roleTree"), roleSetting);
$.fn.zTree.init($("#menuTree"), menuSetting);
$("#btnSave").click(saveData);
$("#btnClear").click(clearData);
});
实在是信息量太大，完全无法领悟，请大神指点，非常感谢

[Poopaye]

就是jQuery.prototype

[Poopaye]

$.fn.zTree.init($("#roleTree"), roleSetting);

这种写法也就是因为zTree在这个位置，没啥特别的地方

[快乐起航2020]

不要纠结细节的东西， 我们要的功能 ，可以理解的代码 可以实现就好 。其他的有业余的时间再去钻研

[zhengyingcan]

原代码如下 $.fn.zTree.init($("#roleTree"), roleSetting); $.fn.zTree.init($("#menuTree"), menuSetting); 如果去掉 fn 原型 变成如下 $.zTree.init($("#roleTree"), roleSetting); $.zTree.init($("#menuTree"), menuSetting); 两者有什么区别呢

[zhengyingcan]

引用 1 楼 shingoscar 的回复:

就是jQuery.prototype

百度上解释就是原型，但是jquery原型又是什么呢，好难理解

[xiaojunjor]

其实你不需要知道fn是什么意思，你就知道$.fn.zTree可以调用方法就行了，你可以去看看zTree的文档 http://www.treejs.cn/v3/api.php jQ.prototype，就是所有jQ的对象能继承到的东西都在这里（为什么jQ对象能调用jQ的方法，因为jQ.prototype定义了），jQ.prototype就是所有jQ对象的原型，至于原型是什么，JS里对象继承的东西就是原型，可以理解为JS里的父类，具体的你可以看看MDN的文档 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Inheritance_and_the_prototype_chain

[Poopaye]

引用 3 楼 zhengyingcan 的回复:

[quote=引用 1 楼 shingoscar 的回复:] 就是jQuery.prototype

百度上解释就是原型，但是jquery原型又是什么呢，好难理解[/quote] 就好像c#里写class jQuery {} 但是c#要给jQuery添加成员必须在编译前，js则可以通过修改prototype来添加

[白狼水]

prototype 这个是JavaScript本身的一个语法。可以理解成面向对象语音的一种继承关系。 通常会用在一个封装的function（类型）后面 连接另一个function。自定义一种类之间的继承关系