jQuery插件开发

编写jQuery插件的两种方式:

1. 类级别开发

2. 对象级别开发(常用)

类级别开发:

1. 直接给jQuery添加全局函数

jQuery.myAlert = function ( str ) {

 alert(str);

}

2. 用extend()方法

jQuery.extend({

 myAlert: function ( str ) {

  alert( str );

 },

 myAlert2: function () {

  alert(2222);

 }

})

3. 使用命名空间

jQuery.myNamespac = {

 myAlert: function ( str ) {

  alert( str );

 }

}

例子:




对象级别开发:

对象级别开发,实际上就是将拓展的方法添加到jQuery的原型对象上即 jQuery.prototype,简写形式为$.fn,而原型上的方法是每个对象的共享方法,详细介绍请看我的其他文章。

 jQuery官网给出了一个模板:


那么,接下来,我就用这个模板开发来做一个demo, 实现一个表格奇数行的颜色是#38a38a,偶数行的颜色是#09f; 当鼠标移动到当前行的时候,当前行的颜色变成yellow,当鼠标移开的时候还是现实原来的颜色。

样式:


插件封装:


调用:


效果:



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值