jEngine: jq-plugin

Installation

npm install jq-plugin --save

or

bower install jq-plugin --save

Demo

http://plnkr.co/edit/NSaBssbFXBjDcIRljy92?p=preview

http://codepen.io/jgermade/pen/YyrRGL?editors=101

Usage

$.plugin

<button class="click">Click Me</button>

$.plugin('button.click', function () {
  var jBtn = $(this),
      alt = false;

  jBtn.click(function () {
    alt = !alt;
    if( alt ) {
      jBtn.text('it works!');
    } else {
      jBtn.text('Click Me');
    }

  });
});

$.widget

<div data-widget="test">
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>
</div>

$.widget('test', function () {
  console.log('widget', this);

  $(this).find('li').hover(function() {
      this.style.fontWeight = 'bold';
    }, function() {
      this.style.fontWeight = 'normal';
    });
});