欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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è)計有所幫助。

相關(guān)文章

  • jQuery獲取文本內(nèi)容和原生JS的異同之處

    jQuery獲取文本內(nèi)容和原生JS的異同之處

    jQuery擁有可操作HTML元素和屬性的強大方法,下面這篇文章主要給大家介紹了關(guān)于jQuery獲取文本內(nèi)容和原生JS的異同之處,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-05-05
  • easyui datagrid 大數(shù)據(jù)加載效率慢,優(yōu)化解決方法(推薦)

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

    下面小編就為大家?guī)硪黄猠asyui datagrid 大數(shù)據(jù)加載效率慢,優(yōu)化解決方法(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-11-11
  • jquery中$.post()方法的簡單實例

    jquery中$.post()方法的簡單實例

    本篇文章主要是對jquery中$.post()方法的簡單實例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-02-02
  • JQuery實現(xiàn)動態(tài)漂浮廣告

    JQuery實現(xiàn)動態(tài)漂浮廣告

    這篇文章主要為大家詳細(xì)介紹了JQuery實現(xiàn)動態(tài)漂浮廣告,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • 基于jQuery實現(xiàn)咖啡訂單管理簡單應(yīng)用

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

    這篇文章主要為大家詳細(xì)介紹了基于jQuery實現(xiàn)咖啡訂單管理的簡單應(yīng)用,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • jQuery實現(xiàn)帶延遲的二級tab切換下拉列表效果

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

    這篇文章主要介紹了jQuery實現(xiàn)帶延遲的二級tab切換下拉列表效果,涉及jquery鼠標(biāo)事件及頁面元素樣式動態(tài)變換的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-09-09
  • jquery 關(guān)于event.target使用的幾點說明介紹

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

    本篇文章介紹了,jquery中關(guān)于event.target使用的幾點說明。需要的朋友參考下
    2013-04-04
  • jquery實現(xiàn)點擊頁面計算點擊次數(shù)

    jquery實現(xiàn)點擊頁面計算點擊次數(shù)

    這篇文章主要給大家分享了一段使用jquery實現(xiàn)點擊頁面計算點擊次數(shù)的代碼,非常實用,有需要的小伙伴參考下。
    2015-01-01
  • 最新評論