jQuery学习心得总结(必看篇)

2020-05-29 07:01:04易采站长站整理

jQuery 插件

jQuery 插件的作用

•扩展 jQuery 的功能
•呈现组件化特点

日期插件 – layDate插件

•layDate初步使用
1.引入 laydate.js
2.laydate(options)

开发插件

全局函数

全局函数,实际上就是 jQuery 本身的方法。

jQuery 内置的一些功能是通过全局函数实现的。

•比如$.ajax()就是典型的全局函数

向 jQuery 命名空间添加一个函数,只需要将这个新函数指定为 jQuery 本身的一个属性


$.globalFunction = function(){
// todo...
};

可以通过 jQuery.globalFunction()或者 $.globalFunction()来调用

当需要添加多个函数可以使用$.extend()函数


$.extend({
functionOne: function(){
// todo...
},
functionTwo: function(){
// todo...
}
});

通过上述代码可以添加全局函数,但是代码存在有关命名空间的风险

我们可以把属于一个插件的所有全局函数封装到一个对象


$.plugins = function(){
functionOne: function(){
// todo...
},
functionTwo: function(){
// todo...
}
};

通过上述代码,其实是为全局函数创建了另一个方法 — plugins

functionOne 和 functionTwo 已经成为 plugins 对象的属性。


$.plugins.functionOne();
$.plugins.functionTwo();

添加 jQuery 实例对象的方法


$.fn.method = function(){};对象方法的环境

在任何插件方法内部,关键字 this 引用的都是当前调用方法的 jQuery对象,因此可以在 this 上面调用任何内置的 jQuery 方法。

方法连缀

通过 return this 来实现链式操作

以上这篇jQuery学习心得总结(必看篇)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。