jq-plugin

scope jstool example

jEngine: jq-plugin

npm install jq-plugin --save

or

bower install jq-plugin --save

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

$.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')
    .on('mouseover', function() {
      this.style.fontWeight = 'bold';
    })
    .on('mouseout', function() {
      this.style.fontWeight = 'normal';
    });
});