编写自己的插件如何减少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);
        });