专栏首页Jerry的SAP技术分享jQuery plugin development

jQuery plugin development

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接: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>
  1. 在$的prototype上增加一个println的方法:
  1. 使用代码创建一个新的text node用于输出debug 内容:

调用prototype上定义的println方法:

输出debug 内容:

最后结果:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 让测试数据“时间穿梭”

    最近小编在项目新版本的测试时发现,因项目需求,代码中很多触发器和校验都是与时间相关的,虽然在单元测试层面我们可以直接调用一些现成的库实现变量化的时间,但在端对端...

    用户5521279
  • 人人都会Vue,你的优势在哪里?

    Vue,React这样的框架可以说是现在前端的必备技能,一个刚入门两三个月的前端都是要会Vue的。

    ConardLi
  • 使用 React 要懂的 JavaScript 特性[每日前端夜话0xB3]

    与我使用的其他框架相比,我最喜欢 React 的原因之一就是它对 JavaScript 的暴露程度。没有模板DSL( JSX 编译为合理的 JavaScript...

    疯狂的技术宅
  • [WPF自定义控件库] 关于ScrollViewr和滚动轮劫持(scroll-wheel-hijack)

    所有代码就这么多,这个ExtendedScrollViewer 只是用来解决滚动轮劫持(scroll-wheel-hijack)的问题。所谓的滚动轮劫持,简单来...

    dino.c
  • 简单使用 Mybatis Generator

    https://mvnrepository.com/artifact/org.mybatis.generator/mybatis-generator-core

    万能青年
  • MyBatis的9种设计模式,我猜你不知道

    虽然我们都知道有26个设计模式,但是大多停留在概念层面,真实开发中很少遇到,Mybatis源码中使用了大量的设计模式,阅读源码并观察设计模式在其中的应用,能够更...

    黄泽杰
  • 总结|JavaScript知识点整理

    JavaScript包含五种基本数据类型,分别是undefined / null / boolean / number / string。(JavaScript...

    算法与编程之美
  • 数据结构知否知否系列之 — 栈篇

    栈,英文 Last In First Out 简称 LIFO,遵从后进先出的原则,与 “队列” 相反,在栈的头部添加元素、删除元素,如果栈中没有元素就称为空栈。

    五月君
  • JS高级测试: 下列JSON说法不正确的是?

    使用 JavaScript 内置函数 JSON.parse() 将字符串转换为 JavaScript 对象:

    舒克
  • 都9102年了,还需要用到 jQuery 吗?[每日前端夜话0xB4]

    关于 jQuery 这个流行的 JavaScript 库如何死亡的问题一直在不断的被讨论。

    疯狂的技术宅

扫码关注云+社区

领取腾讯云代金券