jQuery自定义函数怎么用

　　介绍

这篇文章主要介绍了jQuery自定义函数怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

jQuery自定义函数
1。,如何扩展jQuery函数?
jQuery有两种自定义函数扩展:一种是类级别的函数开发,相当于将jQuery看做一个类,给类本身扩展函数,也叫作全局函数,.jQuery的全局函数是属于jQuery命名空间的函数,另一种是对象级别的函数开发,即给jQuery选择器产生的对象添加方法。下面就两种函数的开发做详细的说明。

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

,,,jQuery.test =,()函数,{, 　　,,,,,,,警报(“却;能够is  a 测试! ! !”),, 　　,,,,},

然后通过调用美元test();即可运行。
b。增加多个全局函数
添加多个全局函数,可采用如下定义:

,,jQuery.test =,()函数,{, 　　,,,,,,,警报(“却;能够is  a 测试! ! !”),, 　　,,,,},,, 　　,,,,jQuery.test1 =,()函数,{, 　　,,,,,,,,,,,警报(“却;能够is  a  test1 ! ! !”),, 　　,,,,,,,,},

调用方式跟上面一样。

c。使用jQuery.extend(对象)

jQuery.extend ({, 　　,,,,,,,,测试:功能(),{, 　　,,,,,,,,,,,,,,,警报(“却;能够is  a 测试! ! !”),, 　　,,,,,,,,},, 　　,,,,,,,,test1:,()函数,{, 　　,,,,,,,,,,,,,,,警报(“却;能够is  a  test1 ! ! !”),, 　　,,,,,,,,,,,,},,, 　　,,,,,,,,添加:函数(a, b) {, 　　,,,,,,,,,,,,return  a + b,, 　　,,,,,,,,}, 　　});

2)。对象级别函数开发:
对象级别的函数开发可以有如下两种方式
。

,.fn.extend美元({,
　　,,,,,,,,,,,,改变颜色:功能(选项,回调){,
　　,,,,,,,,,,,,,,var  defaults =, {,
　　,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,fontcolor:,“红”,,
　　,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,背景:,“黄色”,
　　,,,,,,,,,,,,,,,,,,,,,,,,,,,,};
　　,,,,,,,,,,,美元.extend(违约,选项),,//这句话是将违约和选择合并成一个对象
　　,,,,,,,,,,,//设置样式
　　,,,,,,,,,,,console.log(这个);
　　,,,,,,,,,,,(这)美元。css (& # 39; background # 39;, defaults.background);
　　,,,,,,,,,,,(这)美元。css(& # 39;颜色# 39;,defaults.fontcolor);
　　,,,,,,,},,,,,
　　,,,,,,,,});

调用函数测试代码:

,,,,,,,var 选项={, 　　,,,,,,,,,,,,,,,,,,fontcolor:,“蓝色”,, 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

jQuery自定义函数怎么用