jQuery plugin development

Jerry Wang

发布于 2019-09-16 12:45:41

4780

发布于 2019-09-16 12:45:41

本文链接：https://jerry.blog.csdn.net/article/details/100824183

测试代码：

<html>
<script src="jquery_1.7.1.js">
</script>
<script>
 jQuery.fn.println = function() {
  var msg = Array.prototype.join.call(arguments, " ");
  this.each(function(){ 
  jQuery(this).append(document.createTextNode(msg)).append("<br/>");
  });
  return this;
 };
 jQuery.debug = function() {
  var elt = jQuery("#debug");
  if( elt.length == 0) {
  elt = jQuery("<div id = 'debug'><h1>Debugging output </h1></div>");
  jQuery(document.body).append(elt);
  }
  elt.println.apply(elt,arguments);
 };
function start() {
 var x = "hello world";
 var y = 23;
 jQuery.debug("x = ", x , " y = ", y);
}
</script>
<body id = "main" οnlοad="start();">
<h1 id = "header">hello</h1>
</body>
</html>