How to control the element through the function?

Good day, dear friends. I have a problem I need using js to control the element settings. For example, it is implemented in many plugins for jquery. Take for example jquery-ui: to make a calendar, in your js code, I only need to write $('input').datapicker(); and calendar ready. And yet, in the function datapicker() you can specify other settings.
I need something like this:
In the script write
$('button').changeButton({ color: green, size: big});

and to a normal <button>Button</button> turned into
<button style="font-family: Calibri; color: green; width: 200px; height: 50px;">Button</button>
September 26th 19 at 06:38
2 answers
September 26th 19 at 06:40
Solution
It's called a plugin
Don't thank for the link =)
September 26th 19 at 06:42
But what You are not satisfied with the capabilities of the jquery?
$('button').css({ color: 'green', padding: '0.5 em', fontSize: '2em'});

And even better to use this css, or for dynamic changes to use
$('button').addClass('alert big');
I want to do bootstrap.js - carey_Beahan commented on September 26th 19 at 06:45

Find more questions by tags JavaScriptjQuery