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常見(jiàn)經(jīng)典特效匯總》、《jQuery動(dòng)畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- jQuery.extend()、jQuery.fn.extend()擴(kuò)展方法示例詳解
- 開(kāi)發(fā)插件的兩個(gè)方法jquery.fn.extend與jquery.extend
- 淺談jquery.fn.extend與jquery.extend區(qū)別
- jQuery學(xué)習(xí)筆記之jQuery.extend(),jQuery.fn.extend()分析
- jQuery插件開(kāi)發(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的Ajax接收java返回?cái)?shù)據(jù)方法
今天小編就為大家分享一篇jQuery的Ajax接收java返回?cái)?shù)據(jù)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
jQuery擁有可操作HTML元素和屬性的強(qiáng)大方法,下面這篇文章主要給大家介紹了關(guān)于jQuery獲取文本內(nèi)容和原生JS的異同之處,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-05-05 
easyui datagrid 大數(shù)據(jù)加載效率慢,優(yōu)化解決方法(推薦)
下面小編就為大家?guī)?lái)一篇easyui datagrid 大數(shù)據(jù)加載效率慢,優(yōu)化解決方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-11-11 
jquery中$.post()方法的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)jquery中$.post()方法的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-02-02 
JQuery實(shí)現(xiàn)動(dòng)態(tài)漂浮廣告
這篇文章主要為大家詳細(xì)介紹了JQuery實(shí)現(xiàn)動(dòng)態(tài)漂浮廣告，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03 
基于jQuery實(shí)現(xiàn)咖啡訂單管理簡(jiǎn)單應(yīng)用
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)咖啡訂單管理的簡(jiǎn)單應(yīng)用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02 
jQuery實(shí)現(xiàn)帶延遲的二級(jí)tab切換下拉列表效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶延遲的二級(jí)tab切換下拉列表效果,涉及jquery鼠標(biāo)事件及頁(yè)面元素樣式動(dòng)態(tài)變換的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09 
jquery 關(guān)于event.target使用的幾點(diǎn)說(shuō)明介紹
本篇文章介紹了，jquery中關(guān)于event.target使用的幾點(diǎn)說(shuō)明。需要的朋友參考下
2013-04-04 
jquery實(shí)現(xiàn)點(diǎn)擊頁(yè)面計(jì)算點(diǎn)擊次數(shù)
這篇文章主要給大家分享了一段使用jquery實(shí)現(xiàn)點(diǎn)擊頁(yè)面計(jì)算點(diǎn)擊次數(shù)的代碼，非常實(shí)用，有需要的小伙伴參考下。
2015-01-01