jQuery外掛程式寫法

2021-07-30 13:40:55 字數 907 閱讀 5314

jquery實際上就是乙個封裝操作dom的物件。

jquery外掛程式實際上就是擴充套件jquery這個物件(例項或者本身),增加使用者自己的方法。

[toc]

jquery提供.extend()方法來對自身進行擴充套件。

$.extend( 

} );

// 使用

console.log( $.say() );

// 輸出:

// "roddy"

對jquery自身擴充套件乙個.say()方法。

jquery提供.fn.extend()方法來擴充套件jquery例項物件

$.fn.extend( 

} );

// 使用

$( "span" ).changecolor();

( function( $ ) ;

// 外掛程式建構函式

function

userplug( element, options )

// 外掛程式原型

userplug.prototype=}

// 繫結外掛程式

$.fn.userplug

=function( options )

} );

}} )( window.jquery );

$( "div" ).userplug( [options] );

<

/script>

jquery原始碼基本結構和外掛程式寫法

1.jquery原始碼基本結構 function w 給原型提供乙個簡寫方式,jquery.fn等於原型屬性這個寫法,是最經典的jquery寫法 jquery.fn jquery.prototype init才是jquery中真正的建構函式 var init jquery.fn.init funct...

jq 外掛程式寫法

1.一次宣告乙個函式 fn.函式名 function options fn.red function options var settings extend defaults,options this.css settings return this 2.一次宣告多個函式 fn.extend fn....

Thunar外掛程式的寫法

檢視thunar的source包,發現其提供了用於寫外掛程式的可擴充套件類。位置位於.thunarx內,我們可以通過其寫些小外掛程式,包括在右鍵選單新增命令,增加檔案屬性卡等等。有興趣的可以看看.docs reference thunarx html index.html裡面提供了可提供的擴充套件類...