如何编写一个简单的自定义js插件

Question

我想编写一个自定义js插件，如果我的HTML中包含数据属性，则需要启动它：

<input value="98" data-my-plugin="number">

如果包含data-my-plugin，我想自动启动js或jquery插件。

Answer 1

您可以使用.ready()，属性选择器"[data-my-plugin]"或"[data-my-plugin=number]"

＆＃13;

＆＃13;

(function($) {
  $.fn.extend({
    "myPlugin": function() {
      // do stuff
      return this.val()
    }
  });
}(jQuery));

$(document).ready(function() {
  console.log($("[data-my-plugin]").myPlugin());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<input value="98" data-my-plugin="number">

＆＃13;

＆＃13;

＆＃13;