jQuery提拱两个方法开发插件:
jQuery.fn.extend(object); jQuery.fn = jQuery.prototype
jQuery.extend(object);
jQuery.fn.extend(object);为jQuery对象添加方,
jQuery.extend(object); 扩展jQuery类本身.为类添加新的方法,
1.==== jQuery.fn.extend(object) =====
//jQuery(funtion(){});模型写法,用于存放DOM对象的代码,执行其中代码时DOM对象已经存在。
不可用于存放开发插件代码。因为jQuery对象没有得到传递,外部通过jQuery.methodye
调用不来其中方法。
jQuery.fn.extend({
///这个函数是全部选择所有的元素
check: function() {
//允许使用jq方法,不支持原生js方法,如返回属性值:this.attributes("title").value;不支持,应该用:this.attr("title");
return this.each(function() { this.checked = true; }); //必须return回一个jquery对象
},
uncheck: function() {
return this.each(function() { this.checked = false; });
}
});
调用方法:
<script language="javascript" type="text/javascript">
function CheckAll() {
$("input:checkbox").check();
}
$("input:checkbox").uncheck();
}
</script>
2. ==== jQuery.extend(object) ====
$.extend({
plus:function(x,y){return x+y;}
});
3.==== 其它写法:====
//写法2. 用于存放开发插件的代码,执行其中代码DOM不一定存在,需要直接自动执行DOM操作代码请慎用
(function($) {
$.fn.mymsg2=function(){
$(this).click(function(){
alert($(this).attr("title"));
});
}
})(jQuery);
调用方法:
<script language="javascript" type="text/javascript">
</script>