jquery简单插件制作(fn.extend)完整实例


Posted in Javascript onMay 24, 2016

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
Javascript Math ceil()、floor()、round()三个函数的区别
Mar 09 Javascript
JS的replace方法详细介绍
Nov 09 Javascript
jQuery遍历json中多个map的方法
Feb 12 Javascript
jquery滚动特效集锦
Jun 03 Javascript
jQuery zclip插件实现跨浏览器复制功能
Nov 02 Javascript
jquery实现图片放大镜功能
Nov 23 Javascript
jQuery.parseHTML() 函数详解
Jan 09 Javascript
jquery表单验证插件validation使用方法详解
Jan 20 Javascript
weex slider实现滑动底部导航功能
Aug 28 Javascript
web前端vue filter 过滤器
Jan 12 Javascript
vue的for循环使用方法
Feb 12 Javascript
微信小程序如何修改本地缓存key中单个数据的详解
Apr 26 Javascript
jQuery获取及设置表单input各种类型值的方法小结
May 24 #Javascript
jQuery+php实时获取及响应文本框输入内容的方法
May 24 #Javascript
jQuery中事件与动画的总结分享
May 24 #Javascript
jQuery根据表单name获取值的方法
May 24 #Javascript
深入理解jquery自定义动画animate()
May 24 #Javascript
深入理解jquery中的事件与动画
May 24 #Javascript
Jquery元素追加和删除的实现方法
May 24 #Javascript
You might like
php excel类 phpExcel使用方法介绍
2010/08/21 PHP
php和数据库结合的一个简单的web实例 代码分析 (php初学者)
2011/07/28 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
简单的JavaScript互斥锁分享
2014/02/02 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
jquery实现点击label的同时触发文本框点击事件的方法
2015/06/05 Javascript
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
js实现网页图片延时加载 提升网页打开速度
2016/01/26 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
2016/05/19 Javascript
JavaScript之Vue.js【入门基础】
2016/12/06 Javascript
angular学习之ngRoute路由机制
2017/04/12 Javascript
React手稿之 React-Saga的详解
2018/11/12 Javascript
JS闭包原理与应用经典示例
2018/12/20 Javascript
React 组件渲染和更新的实现代码示例
2019/02/21 Javascript
webpack HappyPack实战详解
2019/10/08 Javascript
nginx部署多个vue项目的方法示例
2020/09/06 Javascript
全面解析js中的原型,原型对象,原型链
2021/01/25 Javascript
Python实现图片转字符画的示例代码
2017/08/21 Python
Python实现感知机(PLA)算法
2017/12/20 Python
Anaconda下配置python+opencv+contribx的实例讲解
2018/08/06 Python
Python实现购物评论文本情感分析操作【基于中文文本挖掘库snownlp】
2018/08/07 Python
浅谈python中str字符串和unicode对象字符串的拼接问题
2018/12/04 Python
详解python中递归函数
2019/04/16 Python
python中matplotlib条件背景颜色的实现
2019/09/02 Python
Python使用pyyaml模块处理yaml数据
2020/04/14 Python
使用keras框架cnn+ctc_loss识别不定长字符图片操作
2020/06/29 Python
详解如何在PyCharm控制台中输出彩色文字和背景
2020/08/17 Python
外语系毕业生找工作的求职信
2013/11/28 职场文书
小区物业门卫岗位职责
2014/04/10 职场文书
跳蚤市场口号
2014/06/13 职场文书
讲文明知礼仪演讲稿
2014/09/13 职场文书
村党的群众路线教育实践活动工作总结
2014/10/25 职场文书
2014年爱国卫生工作总结
2014/11/22 职场文书
民事纠纷协议书
2016/03/23 职场文书
php 获取音视频时长,PHP 利用getid3 获取音频文件时长等数据
2021/04/01 PHP
集英社今正式宣布 成立游戏公司“集英社Games”
2022/03/31 其他游戏