jquery簡單插件制作(fn.extend)完整實例
本文實例講述了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)文章
jQuery的Ajax接收java返回數(shù)據(jù)方法
今天小編就為大家分享一篇jQuery的Ajax接收java返回數(shù)據(jù)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08

easyui datagrid 大數(shù)據(jù)加載效率慢,優(yōu)化解決方法(推薦)

基于jQuery實現(xiàn)咖啡訂單管理簡單應(yīng)用

jQuery實現(xiàn)帶延遲的二級tab切換下拉列表效果

jquery 關(guān)于event.target使用的幾點說明介紹