如何編寫一個簡單的自定義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">