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>
更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jquery中Ajax用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
- jQuery.extend()、jQuery.fn.extend()擴展方法示例詳解
- 開發(fā)插件的兩個方法jquery.fn.extend與jquery.extend
- 淺談jquery.fn.extend與jquery.extend區(qū)別
- jQuery學習筆記之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ū)別實例分析
相關文章
jQuery的Ajax接收java返回數(shù)據(jù)方法
今天小編就為大家分享一篇jQuery的Ajax接收java返回數(shù)據(jù)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08easyui datagrid 大數(shù)據(jù)加載效率慢,優(yōu)化解決方法(推薦)
下面小編就為大家?guī)硪黄猠asyui datagrid 大數(shù)據(jù)加載效率慢,優(yōu)化解決方法(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11jQuery實現(xiàn)帶延遲的二級tab切換下拉列表效果
這篇文章主要介紹了jQuery實現(xiàn)帶延遲的二級tab切換下拉列表效果,涉及jquery鼠標事件及頁面元素樣式動態(tài)變換的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09jquery 關于event.target使用的幾點說明介紹
本篇文章介紹了,jquery中關于event.target使用的幾點說明。需要的朋友參考下2013-04-04