// this其实是一个Html 元素。// $this 只是个变量名,加$是为说明其是个jquery对象。// 而$(this)是个转换,将this表示的dom对象转为jquery对象,这样就可以使用jquery提供的方法操作。(function($){$.fn.hilight = function(options){debug(this);var defaults = {foreground: "red",background: "yellow"};var opts = $.extend({}, $.fn.hilight.defaults, options);return this.each(function() {// this其实是一个Html 元素。// $this 只是个变量名,加$是为说明其是个jquery对象。// 而$(this)是个转换,将this表示的dom对象转为jquery对象,这样就可以使用jquery提供的方法操作。$this = $(this);// build element specific optionsvar o = $.meta ? $.extend({}, opts, $this.data()) : opts;// update element styles$this.css({backgroundColor: o.background,color: o.foreground});var markup = $this.html();// call our format functionmarkup = $.fn.hilight.format(markup);$this.html(markup);});};// define our format function$.fn.hilight.format = function(txt) {return "<strong>" + txt + "</strong>";};// 插件的defaults$.fn.hilight.defaults = {foreground: "red",background: "yellow"};function debug($obj) {if (window.console && window.console.log){window.console.log("hilight selection count: " + $obj.size());}};})(jQuery)