文件名：jquery.xxx.js
/*
* xxx.js
* © 2012 by u_czh http://www.czh.com/
* v1.0 2012-06-21
*/
; (function($) {
/* 增加css属性
var css="";
$("head").append(css);
*/
$.fn.extend({
"xxx": function(options) {
options = $.extend({ //传递参数
selected: "xxx"
},
options);
$("." + options.selected, this).click(function() { //点击this下的指定元素触发事件
alert('xxx');
});
return this; //使方法可链
}
});
})(jQuery);
上方代码为jquery插件模版，下方为插件使用代码 。jquery插件很简单吧，相信你可以通过这个简单的模版编写出很炫的插件 。。嘎嘎
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<script type="text/javascript" src="jquery-1.7.2.min.js" ></script>
<script type="text/javascript" src="jquery.mask.js" ></script>
<script type="text/javascript">
$(document).ready(function(e) {
$("div").xxx({ selected:"xxx"});
});
</script>
</head>
<body>
<div>
<h1 class="xxx" >快来点我吧！</h1>
</div>
</body>
</html>
分享到：
相关推荐
**jQuery插件开发详解** jQuery，作为一款广泛使用的JavaScript库，极大地简化了DOM操作、事件处理、动画设计和Ajax交互。开发jQuery插件是扩展其功能的重要方式，可以帮助开发者创建可复用、易于维护的代码模块。...
总结，jQuery插件开发提供了一种便捷的方式，用于构建轻量级的UI组件，适用于不需要复杂状态管理或虚拟DOM的项目。通过理解jQuery对象、事件处理和DOM操作，我们可以创建出涵盖各种控件的UI组件模板，以满足不同场景...
此外，工具还可能提供了一些常用的Jquery插件模板，如Bootstrap、jQuery Validate等，以便开发者快速启动新功能的开发。这不仅可以节省时间，还可以确保代码质量，因为生成的代码通常遵循最佳实践和标准。 在实际...
HTMLRender作为一款jQuery插件，为JavaScript数据绑定提供了便利，通过高效的模板引擎机制，简化了前端开发中的动态内容生成。无论是在小型项目还是大型复杂应用中，HTMLRender都能有效提升开发效率和代码质量。通过...
2. **插件开发**：如果 MiniUI 的内置组件不能满足需求，可以基于现有组件开发自定义插件，增强功能。 3. **性能优化**：合理利用异步加载、延迟渲染等技术，提升组件在大数据量下的性能表现。 总的来说，jQuery ...
在这个“Jquery 视图插件，模板插件，日期插件 案例”中，我们将深入探讨jQuery如何通过扩展增强其在用户界面呈现和管理上的能力。以下是关于这些主题的详细讨论： 1. **jQuery 视图插件**： jQuery视图插件通常...
本篇文章将详细讲解如何开发一个jQuery插件，以帮助开发者扩展jQuery的功能，提升项目的可维护性和复用性。 首先，让我们理解jQuery插件的基本结构。一个简单的jQuery插件通常由一个函数定义，该函数接收一个jQuery...
深入理解jQuery插件开发是提升WEB开发者技能的重要一环。jQuery以其简洁的API和强大的功能深受开发者喜爱，而开发jQuery插件则能进一步扩展其功能，满足特定项目需求。本文将探讨jQuery插件的基础结构、私有函数、...
本资源包“jQuery插件集之(页面模板)多个+Demo”聚焦于利用jQuery来创建和应用页面模板，为不熟悉插件使用的用户提供便捷。通过这个包，你可以获得三个不同的静态页面模板效果，帮助你更好地理解和应用jQuery插件。 ...
本资料“jquery各种插件网页模板1.rar”是一个集合了多种jQuery插件和网页模板的资源包，旨在帮助开发者快速构建交互丰富的网站。下面我们将详细探讨其中涉及的知识点。 一、jQuery基础 jQuery是一个高效、简洁且...
jTemplates作为一款jQuery插件，提供了一种高效、简洁的方式来处理动态数据和HTML模板的结合，简化了前端开发工作。通过理解其核心原理和实践示例，开发者可以更好地利用jTemplates提升Web应用的交互性和性能。
总的来说，Dreamwever jQuery插件是Web开发者的得力助手，它使复杂的功能实现变得简单，降低了开发门槛，提高了代码质量和开发速度。通过深入学习和实践，开发者能够充分利用这个工具，创建出富有互动性和用户体验...
《jQuery天气预报插件模板详解》 在网页设计与开发中，为了提升用户体验，许多开发者会集成实时天气预报功能。jQuery作为一个轻量级、高效且易用的JavaScript库，为实现这一功能提供了便利。本篇文章将详细介绍一个...
本主题聚焦于"jQuery插件 简单日期设置"，这通常指的是利用jQuery来创建一个简单易用的日历插件，只用于选择日期，不涉及时间选择，适用于那些只需要日期输入的场景。 首先，我们了解jQuery插件的基本结构。一个...
【jQuery插件开发基础】 在深入探讨jQuery插件开发流程之前，我们首先需要理解jQuery的基础。jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互。jQuery的API设计使得DOM操作变得...
此外，这个框架可能还包含了jQuery的插件，如数据表格（如Datatables）、下拉菜单（如Select2）、日期选择器（如Bootstrap Datepicker）等，这些都是后台管理中常见的组件，它们提供了丰富的功能和良好的用户体验。...
《jQuery后台框架模板...总结，jQuery后台框架模板结合了前端的动态性和后台的强大处理能力，为开发者提供了一套完整的开发工具。理解并掌握其工作原理和组件，能够帮助我们更快地构建出功能丰富、交互性强的Web应用。
这个“HTML5 3D炫酷书架画册动态展示jQuery插件”是一个利用HTML5、CSS3以及JavaScript（特别是jQuery库）构建的高级功能组件，旨在为用户带来一种全新的、生动的图片浏览体验，类似于真实的3D书架翻书效果。...
本篇文章将深入探讨jQuery插件在实现表格分页中的应用及其相关知识点。 一、jQuery和表格分页基础 1. jQuery简介：jQuery是由John Resig创建的一个轻量级的JavaScript库，它的目标是使JavaScript编程变得更加简单...