WEB前端

jQuery自定义函数/插件在方法

位置:首页 > WEB前端 > jquery教程,2019-08-08 08:03
jQuery如何实现添加自定义函数,说说jQuery自定义函数/插件在方法。
关于给jQuery添加自定义函数,专业点的说法就是自定义插件,其实都是一个意思。
如果想设置id属性值为thediv中的字体颜色,可以使用以下代码:

$("thediv").css("color","red");
将字体颜色设置为红色,css()是jQuery已经封装好了的,我们也可以自定这样类似的方法。


一.jQuery.extend(Object):


此函数是扩展的jQuery本身,也就是为其添加的是静态属性或者函数。


代码实例如下:

jQuery.extend({
  msg:function(){
    alert("欢迎来到ab蓝学网IT技术学习的网站");
  },
  webName:"ab蓝学网IT技术学习的网站"
});
以上代码为jQuery类添加一个静态函数和静态属性,使用方式如下 :

jQuery.msg();
jQuery.webName;
二.jQuery.fn.extent(Object):


使用此函数将会为jQuery对象实例添加方法和属性。


代码实例如下:

jQuery.fn.extend({
  msg:function(){
    alert("欢迎来到ab蓝学网IT技术学习的网站");
  },
  webName:"ab蓝学网IT技术学习的网站"
}); 
$("thediv").msg();
$("thediv").webName;
以上代码jQuery的对象实例添加了一个实例方法和一个实例属性。

TAGS:

猜你喜欢

NewHot