快捷導(dǎo)航

jQuery中$this和$(this)的區(qū)別介紹（一看就懂）

更新時(shí)間：2015年07月06日 09:29:05 投稿：junjie

這篇文章主要介紹了jQuery中$this和$(this)的區(qū)別介紹（一看就懂）,本文用簡(jiǎn)潔的語(yǔ)言講解了它們之間的區(qū)別,并給出了一個(gè)例子來(lái)說(shuō)明,需要的朋友可以參考下

// this其實(shí)是一個(gè)Html 元素。
// $this 只是個(gè)變量名，加$是為說(shuō)明其是個(gè)jquery對(duì)象。
// 而$(this)是個(gè)轉(zhuǎn)換，將this表示的dom對(duì)象轉(zhuǎn)為jquery對(duì)象，這樣就可以使用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其實(shí)是一個(gè)Html 元素。
      // $this 只是個(gè)變量名，加$是為說(shuō)明其是個(gè)jquery對(duì)象。
      // 而$(this)是個(gè)轉(zhuǎn)換，將this表示的dom對(duì)象轉(zhuǎn)為jquery對(duì)象，這樣就可以使用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)

您可能感興趣的文章:

相關(guān)文章

jQuery+Pdo編寫(xiě)login登陸界面
這篇文章主要為大家詳細(xì)介紹了jQuery結(jié)合Pdo編寫(xiě)login登陸界面，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-08-08
jQuery 動(dòng)態(tài)酷效果實(shí)現(xiàn)總結(jié)
jQuery是一個(gè)優(yōu)秀的JavaScript框架，可以很好的解決不同瀏覽器兼容的問(wèn)題，尤其是在ASP.NET MVC下，它的作用更加的凸顯。
2009-12-12
EasyUi 打開(kāi)對(duì)話框后控件賦值及賦值后不顯示的問(wèn)題解決辦法
這篇文章主要介紹了easyUi 打開(kāi)對(duì)話框后控件賦值，以及賦值后不顯示的問(wèn)題解決辦法，解決方法非常簡(jiǎn)單，只需要將賦值語(yǔ)句修改下就好，下面小編給大家簡(jiǎn)單介紹下，需要的朋友參考下
2017-01-01
Validform+layer實(shí)現(xiàn)漂亮的表單驗(yàn)證特效
創(chuàng)建一個(gè)JavaScript表單驗(yàn)證插件，可以說(shuō)是一個(gè)繁瑣的過(guò)程，涉及到初期設(shè)計(jì)、開(kāi)發(fā)與測(cè)試等等環(huán)節(jié)。實(shí)際上一個(gè)優(yōu)秀的程序員不僅是技術(shù)高手，也應(yīng)該是善假于外物的。本文就給大家結(jié)合2款優(yōu)秀的插件來(lái)實(shí)現(xiàn)這個(gè)問(wèn)題，有需要的小伙伴可以參考下
2016-01-01
jquery實(shí)現(xiàn)頁(yè)面常用的返回頂部效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)頁(yè)面常用的返回頂部效果代碼，感興趣的小伙伴們可以參考一下
2016-03-03
淺析jquery如何判斷滾動(dòng)條滾到頁(yè)面底部并執(zhí)行事件
jquery如何判斷滾動(dòng)條滾到頁(yè)面底部并執(zhí)行事件？下面小編就為大家?guī)?lái)一篇jquery判斷滾動(dòng)條滾到頁(yè)面底部并執(zhí)行事件方法。希望對(duì)大家有所幫助，一起跟隨小編過(guò)來(lái)看看吧
2016-04-04
使用jQuery.Validate進(jìn)行客戶端驗(yàn)證（初級(jí)篇）不使用微軟驗(yàn)證控件的理由
以前在做項(xiàng)目的時(shí)候就有個(gè)很大心病，就是微軟的驗(yàn)證控件，雖然微軟的驗(yàn)證控件可以幫我們完成大部分的驗(yàn)證，驗(yàn)證也很可靠上手也很容易，但是我就是覺(jué)得不爽.
2010-06-06
JSON JQUERY模板實(shí)現(xiàn)說(shuō)明
用JSON從服務(wù)器端返回?cái)?shù)據(jù)已是大家公認(rèn)的標(biāo)準(zhǔn),因?yàn)樗绦【?使用方便.
2010-07-07
jQuery EasyUI學(xué)習(xí)教程之datagrid點(diǎn)擊列表頭排序
這篇文章主要介紹了jQuery EasyUI學(xué)習(xí)教程之datagrid點(diǎn)擊列表頭排序的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
jquery中實(shí)現(xiàn)簡(jiǎn)單的tabs插件功能的代碼
jquery改變了程序員寫(xiě)javascript的方式。作為jquery的愛(ài)好者和新手，最近我學(xué)會(huì)了用寥寥幾句jquery代碼實(shí)現(xiàn)類似tabs插件的功能，相信此文能為許多剛?cè)腴T(mén)的jquery愛(ài)好者和想實(shí)現(xiàn)tabs插件功能的朋友帶來(lái)一些幫助。
2011-03-03