上篇文章讲了创建jquery基本插件,但是如果需要操作dom的插件最好就使用下面的方法。
1、
(function($){
$.fn.bgChange = function(colorStr){
$(this).css("background-color",colorStr);
}
})(jQuery)
2、
(function($){
$.fn.bgChange = function(options){
this.css("background-color",options.color);
this.css("font-size",options.fontSize);
}
$(document).ready(function(){
$('#btn').on('click',function(){
$(this).bgChange({
color:"red",
fontSize:"23"
});
// alert(this);
});
})
})
<pre style="background-color:#ffffff;color:#000000;font-family:'Menlo';font-size:9.0pt;">
使用的时候:
1、$("#btn").bgChange("red");即可将id未btn的元素的背景修改为红色。
2、$("#btn").bgChange({color:"red",fontSize:"23"});即可将id未btn的元素的背景修改为红色,字体大小修改为23px