本文演示了jQuery插件生产的参数用法,供大家参考,具体分析如下:

1。无参数文本的阴影效应


jquery.fn.shadow =函数(){
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i < 5;i + +){
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元(左+我),
上图:originalelement.offset美元(上+我),
保证金:0,
ZIndex:1,
不透明度:0.1
})
。appendto(体);
}
})
}


调用的一个示例:复制代码代码如下:$()暗野影人();

2。简单的参数


jquery.fn.shadow =功能(片、不透明,zIndex){
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i <切片;i + +){
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元(左+我),
上图:originalelement.offset美元(上+我),
保证金:0,
ZIndex:在,
不透明度:透明度
})
。appendto(体);
}
})
}


调用的例子:复制代码代码如下:$(H1)。暗野影人(10,0.1,- 1);

3、参数映射


jquery.fn.shadow =功能(选择){
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i < opts.slices;i++){
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元(左+我),
上图:originalelement.offset美元(上+我),
保证金:0,
ZIndex:opts.zindex,
不透明度:opts.opacity
})
。appendto(体);
}
})
}


调用示例:

复制代码代码如下:$()。暗野影人({

切片:5,

不透明性:0.25,

ZIndex:1

});



4。默认参数值(这是最重要的)


jquery.fn.shadow =功能(选项){
var默认值= {
切片:5,
不透明性:0.1,
ZIndex:1
};
如果默认值存在于选项中,则默认值是覆盖的。
VaR选择= jquery.extend(默认值,选择);
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i < opts.slices;i++){
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元(左+我),
上图:originalelement.offset美元(上+我),
保证金:0,
ZIndex:opts.zindex,
不透明度:opts.opacity
})
。appendto(体);
}
})
}


调用示例:

复制代码代码如下:$()。暗野影人({

不透明度:0.05

});



5。回调函数


jquery.fn.shadow =功能(选项){
var默认值= {
切片:5,
不透明性:0.1,
ZIndex:1,
SliceOffset:(我){函数
返回x:i,y:i }
}
};
如果默认值存在于选项中,则默认值是覆盖的。
VaR选择= jquery.extend(默认值,选择);
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i < opts.slices;i++){
调用回调函数
无功补偿= opts.sliceoffset(我);
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元()。左+偏移X,
上图:originalelement.offset美元()。顶+偏移。Y,
保证金:0,
ZIndex:opts.zindex,
不透明度:opts.opacity
})
。appendto(体);
}
})
}


调用示例:

复制代码代码如下:$()。暗野影人({

SliceOffset:(我){函数

返回{:x,I,y - 2 * }

}

});

6。可自定义默认值


jquery.fn.shadow =功能(选项){
默认值放在命名空间中的投影/插件中。
VaR选择= jquery.extend(jquery.fn.shadow.defaults,{ },选项);
返回this.each(函数(){()
VaR originalelement美元= jQuery(this);
对于(var i = 0;i < opts.slices;i++){
调用回调函数
无功补偿= opts.sliceoffset(我);
originalelement.clone美元()
CSS({
位置:绝对
左:originalelement.offset美元()。左+偏移X,
上图:originalelement.offset美元()。顶+偏移。Y,
保证金:0,
ZIndex:opts.zindex,
不透明度:opts.opacity
})
。appendto(体);
}
})
}
jQuery。
切片:5,
不透明性:0.1,
ZIndex:1,
SliceOffset:(我){函数
返回x:i,y:i }
}
}


默认值是放在命名空间可以直接引用通过美元。fn.shadow.default.the称美元。延长()也必须修改以适应这种变化。现在所有的阴影()调用重用默认地图,所以不要让他(美元。扩展)来修改它,因此,一个空的地图(如美元。扩展){ })(第一个参数,让新的对象成为改进目标。

调用方法:

复制代码代码如下:默认值为10;

$()暗野影人({

SliceOffset:(我){函数

返回x:i,y,i }

}

});

7。添加选择器表达式


*
*添加选择器表达式
*
*参数:
*元素:当前DOM元素,大多数选择器需要这个
*索引的索引:结果集中的DOM元素,这对选择器有用,如EQ()和LT()
*匹配:包含当前选择器正则表达式结果的数组。通常匹配{ 3 }在这个数组中。
*唯一有用的项;对于A(b)形式的选择器,匹配{ 3 }项包含B,也就是括号中的b。
*文本。
*设置:迄今为止匹配的整个DOM元素集,这个参数使用较少。
*
* /
JQuery.extend(jquery表达式{ ':' },{
CSS:函数(元素,索引,匹配,set){
修改后的匹配{ 3 } /宽度< 100
var部分=匹配{ 3 };
VaR值= parseFloat(jQuery(元)。Css(部分{ 0 }));
开关(零件{ 1 }){
案例< <:
返回值<parseInt(部分{ 2 });
案例< <:
返回值<= parseInt(部分{ 2 });
=案例:
情况=:
返回值= = parseInt(部分{ 2 });
情况>:
返回值= parseInt(部分{ 2 });
案例>:
返回值> parseInt(部分{ 2 });
}
}
})




呼叫:


desrunt mollit动物ID estlaborum
二百二十二万二千二百二十二
33333333333333333333333
四千四百四十四万亿、四千四百四十亿零四百、四千四百四十四万四千零四和四十四



复制代码代码如下:$(div:CSS(宽度<100)),AddClass(heighlight );

希望本文能对大家的jQuery程序设计有所帮助。