Javascript 在哪里可以找到JQuery方法的实际代码?

Javascript 在哪里可以找到JQuery方法的实际代码?,javascript,jquery,Javascript,Jquery,是否有一个地方可以看到实际的代码以及JQuery方法是如何构造的?例如,fadeIn()和slideUp()方法是如何编码的?我希望它用于学习/学习目的,我试着查看JQuery.js文件,这是一种很难阅读的方式。然后我试着在这里阅读: 但是我找不到slideUp和fadeIn方法的实际代码。我相信就是它(它在链接的文件中;会将其作为注释发布,但它太难破译): genFx引用此方法(用于滑入/向下): //生成参数以创建标准动画 函数genFx(类型,包括宽度){ 其中, attrs={heig

是否有一个地方可以看到实际的代码以及JQuery方法是如何构造的?例如,fadeIn()和slideUp()方法是如何编码的?我希望它用于学习/学习目的,我试着查看JQuery.js文件,这是一种很难阅读的方式。然后我试着在这里阅读:

但是我找不到slideUp和fadeIn方法的实际代码。

我相信就是它(它在链接的文件中;会将其作为注释发布,但它太难破译):

genFx引用此方法(用于滑入/向下):

//生成参数以创建标准动画
函数genFx(类型,包括宽度){
其中,
attrs={height:type},
i=0;
//如果我们包括宽度,阶跃值为1,以执行所有cssExpand值,
//若我们不包括宽度,则步长值为2,以跳过左侧和右侧
includeWidth=includeWidth?1:0;
对于(;i<4;i+=2-包括宽度){
其中=cssExpand[i];
属性[“边距”+哪个]=属性[“填充”+哪个]=类型;
}
如果(包括宽度){
attrs.opacity=attrs.width=type;
}
返回属性;
}
我猜它调用了其他方法,这些方法涵盖了常见的功能。这是我找到的唯一声明。

我相信就是它(它在链接的文件中;会将此作为注释发布,但它太难解读):

genFx引用此方法(用于滑入/向下):

//生成参数以创建标准动画
函数genFx(类型,包括宽度){
其中,
attrs={height:type},
i=0;
//如果我们包括宽度,阶跃值为1,以执行所有cssExpand值,
//若我们不包括宽度,则步长值为2,以跳过左侧和右侧
includeWidth=includeWidth?1:0;
对于(;i<4;i+=2-包括宽度){
其中=cssExpand[i];
属性[“边距”+哪个]=属性[“填充”+哪个]=类型;
}
如果(包括宽度){
attrs.opacity=attrs.width=type;
}
返回属性;
}

我猜它调用了其他方法,这些方法涵盖了常见的功能。但这是我找到的唯一声明。

如果您查看代码,您将看到slideUp和fadeIn方法是通过以下方式动态创建的:

jQuery.each({
    slideDown: genFx("show"),
    slideUp: genFx("hide"),
    slideToggle: genFx("toggle"),
    fadeIn: { opacity: "show" },
    fadeOut: { opacity: "hide" },
    fadeToggle: { opacity: "toggle" }
}, function( name, props ) {
    jQuery.fn[ name ] = function( speed, easing, callback ) {
        return this.animate( props, speed, easing, callback );
    };
});

如上所述,这些只是使用jquery函数的快捷方法。对于jQuery.each方法中的每个属性,该值作为props参数传递,该参数传递给this.animate的props字段。genFx返回一个具有属性的对象,以便以相同的方式工作。您需要检查@Kyle描述的动画函数和genFx函数,以便更好地了解这些函数中的情况。

如果查看代码,您会发现slideUp和fadeIn方法是通过以下方式动态创建的:

jQuery.each({
    slideDown: genFx("show"),
    slideUp: genFx("hide"),
    slideToggle: genFx("toggle"),
    fadeIn: { opacity: "show" },
    fadeOut: { opacity: "hide" },
    fadeToggle: { opacity: "toggle" }
}, function( name, props ) {
    jQuery.fn[ name ] = function( speed, easing, callback ) {
        return this.animate( props, speed, easing, callback );
    };
});

如上所述,这些只是使用jquery函数的快捷方法。对于jQuery.each方法中的每个属性,该值作为props参数传递,该参数传递给this.animate的props字段。genFx返回一个具有属性的对象,以便以相同的方式工作。您可能希望检查@Kyle描述的animate函数和genFx函数,以便更好地了解这些函数中的情况。

这是因为fadeIn和slideUp方法调用了animation方法,它只是伪装的——搜索
fadeIn
并仔细查看四周。这是因为fadeIn和slideUp方法调用动画方法。它就在那里,它只是伪装的——搜索
fadeIn
并仔细查看四周。
jQuery.each({
    slideDown: genFx("show"),
    slideUp: genFx("hide"),
    slideToggle: genFx("toggle"),
    fadeIn: { opacity: "show" },
    fadeOut: { opacity: "hide" },
    fadeToggle: { opacity: "toggle" }
}, function( name, props ) {
    jQuery.fn[ name ] = function( speed, easing, callback ) {
        return this.animate( props, speed, easing, callback );
    };
});