打造自己的jQuery插件入门教程

$.post(url);

$('p').click();

jQuery.plugin1 = function(text) {
  alert(text);
};//类型级别框架，类似 $.post();
$.fn.plugin2 = function(options) {
  var defaults = {
    text: 'Hello, world!'
  };
  // 合并默认值
  var opts = $.extend(defaults, options);
  // 你的代码写到这里
  alert(opts.text);
};//对象级别框架，类似 $(this).click();

<script type="text/javascript" src="http://code.jquery./jquery-latest.min.js"></script>
<script type="text/javascript" src="./myplugin.js"></script>
<script type="text/javascript">
$.plugin1('Hello');
$(document).ready(function(){
  $('#tmp').click(function(){
    $(this).plugin2({
      text: 'https://.jb51.'
    });
  });
});
</script>