// 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 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);
});
};
// define our format function
$.fn.hilight.format = function(txt) {
return '' + txt + '';
};
// 插件的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)
0
0
jQuery中$this和$(this)的区别介绍（一看就懂）_jquery
php中文网
发布时间：2016-05-16 15:51:29
|1735人浏览过
|来源于php中文网
原创
相关文章
javascript库是什么_jQuery还有使用的必要吗
实现MVC中Chosen下拉列表3字符自动完成搜索功能
JavaScript与jQuery实现基于JSON数据的动态关联下拉菜单教程
提升单选按钮交互体验：实现标签区域的全功能选择与取消
在MVC应用中实现Chosen下拉列表的3字符触发自动完成搜索
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
