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

Question

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

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

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

Answer 1

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

 (function($) { $.fn.extend({ "myPlugin": function() { // do stuff return this.val() } }); }(jQuery)); $(document).ready(function() { console.log($("[data-my-plugin]").myPlugin()); }); 

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