基于GoogleMap，Mapabc，51ditu，VirtualEarth，YahooMap Api接口的Jquery插件的通用实现

核心提示：本文示例源代码或素材下载 框架介绍Jquery是一个轻量级，快速简洁的Javascript框架，基于GoogleMap，Mapabc，51ditu，VirtualEarth，YahooMap Api接口的Jquery插件的通用实现，它的容量小巧，压缩后的js文件只有31k，当然jquery.js也要引用： &l

本文示例源代码或素材下载

框架介绍

Jquery是一个轻量级，快速简洁的Javascript框架，它的容量小巧，压缩后的js文件只有31k，简洁和简短的语法，容易记；用户能更方便地处理HTML DOM、Events、实现动画效果，并且提供Ajax的支持。

插件思想

利用Jquery的插件机制，这里先介绍最简单的插件形成：

首先新建jquery.sayHi.js做为sayHi功能的插件文件（jquery插件命名规则没有限制，这里推荐使用jquery.XX.js的命名方式）

Jquery插件机制的基本结构如下：

(function($){
//…
})(jQuery);

现在添加我们的sayHi功能：

(function($){
　　$.sayHi=function(name){alert("Isayhito"+name);}
})(jQuery);

然后在页面上引用jquery.sayHi.js，当然jquery.js也要引用：

<scripttype="text/javascript">
$(document).ready(function(){
　　$("#btn").click(function(){
　　　　$.sayHi("cnblogs");
　　});
});
</script>
<inputtype="button"id="btn"value="sayHi"/>

最终显示结果为：“I say hi to cnblogs”的提示框；

嗯，上面是调用全局的方法，如果要利用DOM元素来调用方法呢，这里介绍要使用 $.fn.方法名：

再看下面的例子：

这里设置一个文本框是否只读的方法插件 jquery.setReadOnly.js

(function($){
　　$.fn.setReadOnly=function(_isReadOnly){
　　　　returnthis.filter("input:text")
　　　　　　.attr("readonly",_isReadOnly)
　　　　　　.css("opacity",_isReadOnly?0.5:1.0);
　　}
})(jQuery);