jquery簡(jiǎn)單插件制作(fn.extend)完整實(shí)例
更新時(shí)間：2016年05月24日 12:35:07 作者：懶人
這篇文章主要介紹了jquery簡(jiǎn)單插件制作(fn.extend)方法,結(jié)合完整實(shí)例形式分析了jQuery fn.extend擴(kuò)展插件的實(shí)現(xiàn)技巧,需要的朋友可以參考下
本文實(shí)例講述了jquery簡(jiǎn)單插件制作方法。分享給大家供大家參考，具體如下：
<!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簡(jiǎn)單的插件制作</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簡(jiǎn)單的插件制作
</div>
</body>
</html>
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動(dòng)畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- jQuery.extend()、jQuery.fn.extend()擴(kuò)展方法示例詳解
- 開發(fā)插件的兩個(gè)方法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的使用說(shuō)明
- jQuery中extend()和fn.extend()方法詳解
- Jquery實(shí)現(xiàn)$.fn.extend和$.extend函數(shù)
- 深入理解jquery的$.extend()、$.fn和$.fn.extend()
- jQuery.extend 與 jQuery.fn.extend的用法及區(qū)別實(shí)例分析
相關(guān)文章
jquery選擇器-根據(jù)多個(gè)屬性選擇示例代碼
根據(jù)多個(gè)屬性選擇在某些對(duì)選擇比較精確的情況下，還是比較實(shí)用的，其實(shí)很簡(jiǎn)單，不會(huì)的朋友看下本文2013-10-10
jQuery實(shí)現(xiàn)簡(jiǎn)單聊天室
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單聊天室，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
jQuery選擇id屬性帶有點(diǎn)符號(hào)元素的方法
這篇文章主要介紹了jQuery選擇id屬性帶有點(diǎn)符號(hào)元素的方法,涉及jQuery選擇器的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
下面小編就為大家?guī)?lái)一篇jquery 中toggle的2種用法詳解(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-09-09
全選、全非選即取得被選中的值在日常開發(fā)應(yīng)用中很廣泛，下面有個(gè)不錯(cuò)的示例，大家可以感受下2013-11-11
在前兩周國(guó)外知名博客WDL先后分享了“2010最佳系列”中的“最佳免費(fèi)WordPress主題”和“最佳免費(fèi)字體”，在這個(gè)星期又發(fā)布了2010年最佳jQuery插件。2010-12-12
基于Jquery的動(dòng)態(tài)創(chuàng)建DOM元素的代碼
jquery動(dòng)態(tài)創(chuàng)建頁(yè)面元素，mark一下，以備以后查詢時(shí)使用。以創(chuàng)建div和input為例。2010-12-12
bootstrap table 服務(wù)器端分頁(yè)例子分享
這篇文章主要介紹了bootstrap table 服務(wù)器端分頁(yè)例子分享,需要的朋友可以參考下2015-02-02
關(guān)于jQuery中.attr()和.prop()的問題探討
寫了幾句代碼在ie8上能正常運(yùn)行，chrome和ff卻不行，prop()方法適用于Boolean值的屬性，添加屬性名稱該屬性就會(huì)生效應(yīng)該使用.prop()者兩點(diǎn)就是他們的區(qū)別吧2013-09-09
基于Bootstrap和JQuery實(shí)現(xiàn)動(dòng)態(tài)打開和關(guān)閉tab頁(yè)的實(shí)例代碼
這篇文章主要介紹了基于Bootstrap和JQuery實(shí)現(xiàn)動(dòng)態(tài)打開和關(guān)閉tab頁(yè)的實(shí)例代碼，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06