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

然后在页面上引用jquery.setReadOnly.js：

<scripttype="text/javascript">
$(document).ready(function(){
　　$("#txt").setReadOnly(true);
});
</script>
<inputtype="text"id="txt"/>

最终显示结果为：txt文本框设置为只读；

如果在jquery插件文件中要扩展更多的全局属性和方法以及更多的DOM元素属性和方法，还可以通过$.extend(object)和$.fn.extend(object)方法来设置，按照上面的例子可以表示：

$.extend(
{
　　name:"",
　　sayHi:function(name){this.name=name;alert("Isayhito"+name);},
　　sayGoodbye:function(){alert("Isaygoodbyeto"+this.name);}
});

调用插件方法：$.sayHi(“cnblogs”);$.sayGoodbye();

和

$.fn.extend(
{
　　isReadOnly:false,
　　setReadOnly:function(_isReadOnly){
　　　　isReadOnly=_isReadOnly;
　　　　returnthis.filter("input:text”)
　　　　　　.attr(“readonly”,_isReadOnly)
　　　　　　.css(“opacity”,_isReadOnly?0.5:1.0);
　 },
　 getReadOnly:function(){
　　　 returnisReadOnly;
　 }
});

调用插件方法：$(“#txt”).setReadOnly(true).getReadOnly()

主要思路

嗯，基本Jquery插件机制的使用方法就是如此简单，现在开始介绍我的基于各类电子地图提供的api来设计通用的jquery插件：