当前位置: 首页 > 工具软件 > Smoke jQuery > 使用案例 >

原生js实现jquery连续调用

许子平
2023-12-01

jquery的函数可以循环调用

  • 例:

$("#btn").css("color", "red").width(300px).height(300px)

那么如何在原生js中实现这种连续调用

  • 众所周知一个函数如果你没写return 他默认返回undefine(构造默认返回this)
var obj = {
  smoke : function(){console.log("I am somking")},
  dring : function(){console.log("I am dringking")},
  run : function(){conslole.log("I am running")}
}

如果你直接 obj.smoke().run();
第一个函数会执行而第二个函数会报错,提示你undefin的父类没有run方法
如果我们手动添加返回值就可以实现jquery的连续调用

  • 例:
var obj = {
  smoke : function(){console.log("I am somking"); return this},
  dring : function(){console.log("I am dringking"); return this},
  run : function(){conslole.log("I am running"); return this}
}
  • 此时你再次执行就发现可以循环调用了√
 类似资料: