分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

jquery插件写法

发布时间:2023-09-06 01:32责任编辑:白小东关键词:暂无标签
<!DOCTYPE html><html> ???<head> ???????<meta charset="UTF-8"> ???????<title></title> ???</head> ???<body> ???????<ul> ???????????<li> ???????????????<a href="http://www.webo.com/liuwayong">我的微博</a> ???????????</li> ???????????<li> ???????????????<a href="http://http://www.cnblogs.com/Wayou/">我的博客</a> ???????????</li> ???????????<li> ???????????????<a href="http://wayouliu.duapp.com/">我的小站</a> ???????????</li> ???????</ul> ???????<p>这是p标签不是a标签,我不会受影响</p> ???????<script type="text/javascript" src="js/jquery.min.js"></script> ???????<script type="text/javascript"> ???????????; ???????????(function($, window, document, undefined) { ???????????????//定义Beautifier的构造函数 ???????????????var Beautifier = function(ele, opt) { ???????????????????this.$element = ele, ???????????????????????this.defaults = { ???????????????????????????‘color‘: ‘red‘, ???????????????????????????‘fontSize‘: ‘12px‘, ???????????????????????????‘textDecoration‘: ‘none‘ ???????????????????????}, ???????????????????????this.options = $.extend({}, this.defaults, opt) ???????????????} ???????????????//定义Beautifier的方法 ???????????????Beautifier.prototype = { ???????????????????beautify: function() { ???????????????????????return this.$element.css({ ???????????????????????????‘color‘: this.options.color, ???????????????????????????‘fontSize‘: this.options.fontSize, ???????????????????????????‘textDecoration‘: this.options.textDecoration ???????????????????????}); ???????????????????} ???????????????} ???????????????//在插件中使用Beautifier对象 ???????????????$.fn.myPlugin = function(options) { ???????????????????//创建Beautifier的实体 ???????????????????var beautifier = new Beautifier(this, options); ???????????????????//调用其方法 ???????????????????return beautifier.beautify(); ???????????????} ???????????})(jQuery, window, document); ???????????$(function() { ???????????????$(‘a‘).myPlugin({ ???????????????????‘color‘: ‘#2C9929‘, ???????????????????‘fontSize‘: ‘20px‘, ???????????????????‘textDecoration‘: ‘underline‘, ???????????????}); ???????????}) ???????</script> ???</body></html>

jquery插件写法

原文地址:http://www.cnblogs.com/jaume/p/8093758.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved