jQuery中$this和$(this)的区别介绍（一看就懂）

这篇文章主要介绍了jQuery中$this和$(this)的区别介绍(一看就懂),本文用简洁的语言讲解了它们之间的区别,并给出了一个例子来说明,需要的朋友可以参考下

1. // this其实是一个Html 元素。 
2. // $this 只是个变量名，加$是为说明其是个jquery对象。 
3. // 而$(this)是个转换，将this表示的dom对象转为jquery对象，这样就可以使用jquery提供的方法操作。 
4.  
5.  
6. (function($){ 
7. $.fn.hilight = function(options){ 
8. debug(this); 
9.  
10. var defaults = { 
11. foreground: 'red', 
12. background: 'yellow' 
13. }; 
14.  
15. var opts = $.extend({}, $.fn.hilight.defaults, options); 
16.  
17. return this.each(function() { 
18. // this其实是一个Html 元素。 
19. // $this 只是个变量名，加$是为说明其是个jquery对象。 
20. // 而$(this)是个转换，将this表示的dom对象转为jquery对象，这样就可以使用jquery提供的方法操作。 
21. $this = $(this); 
22.  
23. // build element specific options 
24. var o = $.meta ? $.extend({}, opts, $this.data()) : opts; 
25.  
26. // update element styles 
27. $this.css({ 
28. backgroundColor: o.background, 
29. color: o.foreground 
30. }); 
31.  
32. var markup = $this.html(); 
33. // call our format function 
34.  
35. markup = $.fn.hilight.format(markup); 
36.  
37. $this.html(markup); 
38. }); 
39.  
40. }; 
41.  
42.  
43. // define our format function 
44. $.fn.hilight.format = function(txt) { 
45. return '<strong>' + txt + '</strong>'; 
46. }; 
47.  
48.  
49. // 插件的defaults 
50. $.fn.hilight.defaults = { 
51. foreground: 'red', 
52. background: 'yellow' 
53. }; 
54.  
55. function debug($obj) { 
56. if (window.console && window.console.log){ 
57. window.console.log('hilight selection count: ' + $obj.size()); 
58. } 
59. }; 
60.  
61. })(jQuery)