jquery簡單插件制作(fn.extend)完整實例
更新時間：2016年05月24日 12:35:07 作者：懶人
這篇文章主要介紹了jquery簡單插件制作(fn.extend)方法,結(jié)合完整實例形式分析了jQuery fn.extend擴(kuò)展插件的實現(xiàn)技巧,需要的朋友可以參考下
本文實例講述了jquery簡單插件制作方法。分享給大家供大家參考，具體如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script type="text/javascript" src="jquery.js"></script>
<title>jquery簡單的插件制作</title>
<script type="text/javascript">
(function ( $ ) {
$.fn.greenify = function ( options) {
var settings = $.extend({
color:"#556b2f",
backgroundColor:'#000',
padding:'20px'
}, options );
return this.css( {
color:settings.color,
backgroundColor : settings.backgroundColor,
padding : settings.padding
});
};
}( jQuery ));
$(document).ready(function(){
$("div").greenify({
color:"#000",
backgroundColor:'#ccc',
padding:'50px'
})
});
</script>
</head>
<body>
<div id="accordion">
jquery簡單的插件制作
</div>
</body>
</html>
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
您可能感興趣的文章:
- jQuery.extend()、jQuery.fn.extend()擴(kuò)展方法示例詳解
- 開發(fā)插件的兩個方法jquery.fn.extend與jquery.extend
- 淺談jquery.fn.extend與jquery.extend區(qū)別
- jQuery學(xué)習(xí)筆記之jQuery.extend(),jQuery.fn.extend()分析
- jQuery插件開發(fā)的兩種方法及$.fn.extend的詳解
- jquery的extend和fn.extend的使用說明
- jQuery中extend()和fn.extend()方法詳解
- Jquery實現(xiàn)$.fn.extend和$.extend函數(shù)
- 深入理解jquery的$.extend()、$.fn和$.fn.extend()
- jQuery.extend 與 jQuery.fn.extend的用法及區(qū)別實例分析
相關(guān)文章
根據(jù)多個屬性選擇在某些對選擇比較精確的情況下，還是比較實用的，其實很簡單，不會的朋友看下本文2013-10-10
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)簡單聊天室，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要介紹了jQuery選擇id屬性帶有點(diǎn)符號元素的方法,涉及jQuery選擇器的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
下面小編就為大家?guī)硪黄猨query 中toggle的2種用法詳解(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
全選、全非選即取得被選中的值在日常開發(fā)應(yīng)用中很廣泛，下面有個不錯的示例，大家可以感受下2013-11-11
在前兩周國外知名博客WDL先后分享了“2010最佳系列”中的“最佳免費(fèi)WordPress主題”和“最佳免費(fèi)字體”，在這個星期又發(fā)布了2010年最佳jQuery插件。2010-12-12
基于Jquery的動態(tài)創(chuàng)建DOM元素的代碼
jquery動態(tài)創(chuàng)建頁面元素，mark一下，以備以后查詢時使用。以創(chuàng)建div和input為例。2010-12-12
bootstrap table 服務(wù)器端分頁例子分享
這篇文章主要介紹了bootstrap table 服務(wù)器端分頁例子分享,需要的朋友可以參考下2015-02-02
關(guān)于jQuery中.attr()和.prop()的問題探討
寫了幾句代碼在ie8上能正常運(yùn)行，chrome和ff卻不行，prop()方法適用于Boolean值的屬性，添加屬性名稱該屬性就會生效應(yīng)該使用.prop()者兩點(diǎn)就是他們的區(qū)別吧2013-09-09
基于Bootstrap和JQuery實現(xiàn)動態(tài)打開和關(guān)閉tab頁的實例代碼
這篇文章主要介紹了基于Bootstrap和JQuery實現(xiàn)動態(tài)打開和關(guān)閉tab頁的實例代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06