jquery 动态加载js文件以及插件的调用

首先创建c.js文件

//在JQuery名称空间下申明一个名字
$.fn.hilight = function(options) {    
 var defaults = {    
  foreground: 'red',    
  background: 'sdfsf'    
 };    
 alert("测试成功");
 //赋值操作
 var opts = $.extend(defaults, options);

 alert(defaults.foreground+"原封不动===>>"+defaults.background);    
};

//接受options参数以控制插件的行为
$.fnTest=function(options){
 options=$.extend({
  color:'red',
  font:'sf'
 });
 $.fnTest.make(options);
};
$.extend($.fnTest,{
  make:function(options){
  alert(options.color+"><+++>"+options.font);
  }
});

function strT()
{
 alert("dsfdsf");
}

编写一个测试页面

<script type="text/javascript">
 <!--

 $(function(){
  //$('#letter-c .button').click(function() {
   $.getScript('c.js',function(){
    //调用
    $.fnTest.make({
     color:'blue',
     font:'sfsafsd'
    });
     $("#btn").hilight({foreground:'AAAAAAAAA',
    background:'BBBBBBBB'});
   });
   
  // });
 });
 -->

</script>

测试之前还一点要注意的，js文件一定要注意文件 的属性编码，默认文件如果不是utf-8 一定要改成uft-8 因为有时会出现乱码，这会直接导致js运行错误或者不执行。