FocusColor.prototype.backgroundColor = function(opts,ele){
var color = opts.focusBackColor;
var lis = $(ele).children();
$.each(lis,function(i,item){
$(item).hover(function(){ $(this).css("backgroundColor",color);},
function(){ $(this).css("backgroundColor","");});
});
}
var color = opts.focusBackColor;
var lis = $(ele).children();
$.each(lis,function(i,item){
$(item).hover(function(){ $(this).css("backgroundColor",color);},
function(){ $(this).css("backgroundColor","");});
});
}
2015-12-31
//1.定义FocusColor构造器
function FocusColor(element,options){
this.options = $.extend({},FocusColor.DEFAULT,options);
this.element = element;
this.backgroundColor(this.options,this.element);
}
FocusColor.DEFAULT = {focusBackColor:"red"};
function FocusColor(element,options){
this.options = $.extend({},FocusColor.DEFAULT,options);
this.element = element;
this.backgroundColor(this.options,this.element);
}
FocusColor.DEFAULT = {focusBackColor:"red"};
2015-12-31
(function ($) {
//1.定义FocusColor构造器
//2.给FocusColor对象原型定义共享方法FocusColor.prototype.backgroundColor
//3.注册为jquery插件,可以$.liBackColor()方式调用
$.fn.liBackColor = function(opts){
return new FocusColor(this,opts);
};
})(jQuery);
//1.定义FocusColor构造器
//2.给FocusColor对象原型定义共享方法FocusColor.prototype.backgroundColor
//3.注册为jquery插件,可以$.liBackColor()方式调用
$.fn.liBackColor = function(opts){
return new FocusColor(this,opts);
};
})(jQuery);
2015-12-31
//实现效果应该是可以自定义背景色,调用方式如下
$(function () {
$("#content").liBackColor({focusBackColor:"#CCC"});
});
$(function () {
$("#content").liBackColor({focusBackColor:"#CCC"});
});
2015-12-31
var options = $.extend({},defaultOption,userOption);这个可以应用在插件开发中,将用户设置的插件属性值跟默认的插件属性值进行合并,赋给一个新的空对象{}
2015-12-31
var objNewInfo =$.extend({},objInfo,objMess);
var strTmp = "<b>对象 白富美 合并后</b>:<br/><br/>";
strTmp += objNewInfo.name + objNewInfo.title;
var strTmp = "<b>对象 白富美 合并后</b>:<br/><br/>";
strTmp += objNewInfo.name + objNewInfo.title;
2015-12-31
在自定义插件时,如果是编写对象级别的,使用jQuery.fn.extend()方法进行功能扩展,而如果是类级别的,则直接使用jQeury.extend()或$.extend()方法。
2015-12-31
设置html的样式box-sizing: border-box;可以使用IE盒子模型。
padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值,即使定义有border和padding也不会改变对象的实际宽度,即 ( Element width = width )
padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值,即使定义有border和padding也不会改变对象的实际宽度,即 ( Element width = width )
2015-12-31