编写自己的插件如何减少css文件的引入

本文主要是介绍编写自己的插件如何减少css文件的引入，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

很多时候，我们写一个插件实现某种功能，但是往往这个插件会配一个css样式文件，我们也想象jquery那样只引入一个js就行，可是我们写的不是纯功能的插件，而是带有ui的，所以使用的时候，必须要一个js和一个css，如果想要减少文件的引入，更方便的话，可以考虑把css和插件必须的dom都写在js文件里面，类似这样：

        var $style = $('<style>.a{color: red;}.b{background: green;}</style>').appendTo('head');var $html = $('<p class="a">aaa</p><p class="b">bbb</p>').appendTo('body');$('p').on('click', function() {console.log(this.className);});

这篇关于编写自己的插件如何减少css文件的引入的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---