手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery中$this和$(this)的区别介绍(一看就懂)
jQuery中$this和$(this)的区别介绍(一看就懂)
摘要://this其实是一个Html元素。//$this只是个变量名,加$是为说明其是个jquery对象。//而$(this)是个转换,将this...

// 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 '<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)

【jQuery中$this和$(this)的区别介绍(一看就懂)】相关文章:

jquery右下角自动弹出可关闭的广告层

让文字在页面上90度,180度翻转

javascript中this的四种用法

jquery表单对象属性过滤选择器用法

JQuery中attr方法和removeAttr方法用法实例

JavaScript中strike()方法的使用介绍

jquery中添加属性和删除属性

Javascript中setTimeOut和setInterval的定时器用法

js禁止页面刷新与后退的方法

JQuery中DOM事件冒泡实例分析

精品推荐
分类导航