什么是jquery插件?有什么用?

什么是jquery插件?有什么用?,第1张

jquery 插件就是一些人用jquery写的一些工具,常见的是jquery UI和jquery easyui,我们在调用时只需要用很少的代码就能实现很好的效果。

如easyui的datagrid、combobox、tree等可以实现表格、下拉框、树等形状及需要的 *** 作。

附:easyui官网

http://www.jeasyui.com/

可以在网站里面下载demo、观看一些特效、下载插件js等。

jQuery插件开发全解析 jQuery插件的开发包括两种:

一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery 的全局函数就是属于jQuery命名空间的函数。

另一种是对象级别的插件开发,即给jQuery对象添加方法。

一个JS插件不是添加与被添加的关系,而是建立在什么JS库上进行扩展的额外功能,jquery插件就是建立在jquery库上进行扩展的jquery插件,既然是扩展的jquery插件,自然就用到了jquery的很多内部方法,比如animate()、each()、css()函数等等,因为这些函数都是封装好的可以直接调用的,所以当写一个jquery插件的时候自然会用到jquery内部的很多封装好的函数功能,这样我们写起来也很省事。当然既然都是JS写的,要是有能力的话 也可以把jquery插件单独提炼出来,一些使用到jquery封装好的内部的功能函数就自己写一个,这样就不需要依赖jquery了,这也就不叫jquery插件了,算是原生JS功能

jQuery 如何写插件 -

jQuery插件的开发包括两种:

一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。

1、类级别的插件开发

类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数,将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展:

1.1 

添加一个新的全局函数

添加一个全局函数,我们只需如下定义:

jQuery.foo = 

function() { 

alert('This is a test. This is only a 

test.') 

1.2 

增加多个全局函数

添加多个全局函数,可采用如下定义:

Java代码 收藏代码

jQuery.foo = function() { 

alert('This is a test. This is 

only a test.') 

jQuery.bar = 

function(param) { 

alert('This function takes a 

parameter, which is "' + param + '".') 

调用时和一个函数的一样的:jQuery.foo()jQuery.bar()或者$.foo()$.bar('bar')

1.3 

使用jQuery.extend(object) 

jQuery.extend({ 

foo: 

function() { 

alert('This is a test. This is 

only a test.') 

}, 

bar: function(param) 

alert('This function takes a 

parameter, which is "' + param +'".') 

})


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11530754.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存