/**
**作者:mofijeck**
**时间:2014-12-30**
**功能:jquery插件扩展举例,高亮显示hilight**
**使用方法举例
$(".hilight").hilight();
或者
$(".hilight").hilight({ background: 'red', foreground: 'white' });
**/
// 创建一个闭包
(function ($) {
})(jQuery);
//闭包扩展写法 防止被其他js污染
+function ($) {
// 插件的定义
$.fn.hilight = function (options) {
debug(this);
try {
// build main options before element iteration
var opts = $.extend({}, $.fn.hilight.defaults, options);
// iterate and reformat each matched element
return this.each(function () {
$this = $(this);
// build element specific options
var 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 function
markup = $.fn.hilight.format(markup);
$this.html(markup);
});
}
catch (e) {
alert(e)
}
};
// 私有函数:debugging
function debug($obj) {
if (window.console && window.console.log)
window.console.log('hilight selection count: ' + $obj.size());
};
// 定义暴露format函数
$.fn.hilight.format = function (txt) {
return '<strong>' + txt + '</strong>';
};
// 插件的defaults
$.fn.hilight.defaults = {
foreground: 'red',
background: 'yellow'
};
// 闭包结束
} (jQuery)
jquery插件扩展举例
最新推荐文章于 2025-06-10 16:27:43 发布