Simple jQuery plugin

by Nilambar Sharma

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<p>Hello <strong>this text</strong> should be highlighted. But <span>this text should</span> be highlighted with another color.</p>

JavaScript

(function($) {
  // plugin definition
  $.fn.hiliteme = function(params) {
    defaults = {
      bcolor: 'green'
    };
    // merge default and user parameters
    params = $.extend(defaults, params);
    // for all selected node
    return this.each(function() {
      // main work here
      var $t = $(this);
      $t.css("font-weight", 700);
      $t.css("background-color", params.bcolor);
      $t.css("color", 'white');
    });
  };
})(jQuery);

$(document).ready(function() {
  $("strong").hiliteme();
  $("span").hiliteme({
    bcolor: 'red'
  });
});