`
anllin
  • 浏览: 1299 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery插件基本模板

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.7.1.js"></script>

<script type="text/javascript">
(function($){
	$.fn.highlight = function(options){
		var defaults = {
			foreColor: "white",
			backColor: "deepskyblue"
		};
		
		var opts = $.extend({}, defaults, options || {});
		
		return this.each(function(){
			var self = $(this);
			self.css({
				"color": opts.foreColor, 
				"background-color": opts.backColor
		    });
		});
	};
})(jQuery);
</script>

<script type="text/javascript">
$(function(){
//	$(".highlight").highlight();
	$("label").highlight();
});
</script>
</head>

<body>
<label class="highlight">gggggggggggggggg</label>
<label>gggggggggggggggg</label>
<label class="highlight">gggggggggggggggg</label>
<label>gggggggggggggggg</label>
<label class="highlight">gggggggggggggggg</label>
<label>gggggggggggggggg</label>
<label class="highlight">gggggggggggggggg</label>
</body>
</html>


分享到:
评论

相关推荐

    Jquery 视图插件,模板插件,日期插件 案例

    在这个“Jquery 视图插件,模板插件,日期插件 案例”中,我们将深入探讨jQuery如何通过扩展增强其在用户界面呈现和管理上的能力。以下是关于这些主题的详细讨论: 1. **jQuery 视图插件**: jQuery视图插件通常...

    jQuery插件集之(页面模板)多个+Demo

    本资源包“jQuery插件集之(页面模板)多个+Demo”聚焦于利用jQuery来创建和应用页面模板,为不熟悉插件使用的用户提供便捷。通过这个包,你可以获得三个不同的静态页面模板效果,帮助你更好地理解和应用jQuery插件。 ...

    jquery各种插件网页模板1.rar

    本资料“jquery各种插件网页模板1.rar”是一个集合了多种jQuery插件和网页模板的资源包,旨在帮助开发者快速构建交互丰富的网站。下面我们将详细探讨其中涉及的知识点。 一、jQuery基础 jQuery是一个高效、简洁且...

    jQuery插件 简单日期设置

    一个基本的jQuery插件通常会定义一个新的方法,这个方法接受一些参数,并在内部操作DOM元素。例如: ```javascript (function($){ $.fn.dateTimePicker = function(options) { // 插件的代码 }; })(jQuery); ```...

    dreamwever jQuery 插件

    通过在Dreamweaver中使用jQuery插件,开发者可以更方便地插入jQuery代码,提高开发效率。 首先,让我们详细了解一下Dreamweaver中的jQuery插件如何工作。在安装插件后,用户可以在代码编辑器中直接访问jQuery库,...

    jQuery天气预报插件模板.zip

    《jQuery天气预报插件模板详解》 在网页设计与开发中,为了提升用户体验,许多开发者会集成实时天气预报功能。jQuery作为一个轻量级、高效且易用的JavaScript库,为实现这一功能提供了便利。本篇文章将详细介绍一个...

    一个jQuery插件用于数据绑定的HTMLRender模板引擎

    HTMLRender作为一款jQuery插件,为JavaScript数据绑定提供了便利,通过高效的模板引擎机制,简化了前端开发中的动态内容生成。无论是在小型项目还是大型复杂应用中,HTMLRender都能有效提升开发效率和代码质量。通过...

    jquery各种插件网页模板3.rar

    jquery网站下载模板,各种网页模板,或者插件等,地图或者登录模板等,内含7个压缩文件,均为不同模板,是第三个整理包,具体内容见压缩文件,三个不同资源内容不同,里面具体内容自己解压看吧,不同包可见本人主页

    基于Jquery插件的 Web 快速开发工具

    此外,工具还可能提供了一些常用的Jquery插件模板,如Bootstrap、jQuery Validate等,以便开发者快速启动新功能的开发。这不仅可以节省时间,还可以确保代码质量,因为生成的代码通常遵循最佳实践和标准。 在实际...

    jquery插件使用

    一个基本的jQuery插件创建模板如下: ```javascript (function($) { $.fn.myPlugin = function(options) { // 插件的逻辑代码 this.each(function() { // 在这里操作每个匹配到的元素 }); }; })(jQuery); ```...

    jquery移动端商城网站模板

    【jQuery 移动端商城网站模板详解】 在当今数字化时代,移动端商城网站已经成为企业与消费者互动的重要平台。...开发者可以通过选择合适的jQuery插件和框架,快速搭建出符合需求的移动端商城网站。

    jquery插件--表格分页

    本篇文章将深入探讨jQuery插件在实现表格分页中的应用及其相关知识点。 一、jQuery和表格分页基础 1. jQuery简介:jQuery是由John Resig创建的一个轻量级的JavaScript库,它的目标是使JavaScript编程变得更加简单...

    显示物流、工作流、审批、时间轴节点等Jquery插件,

    本文将深入探讨标题和描述中提到的"显示物流、工作流、审批、时间轴节点等Jquery插件",以及它们在实际应用中的作用。 物流管理是电子商务和供应链管理的重要组成部分,它涉及货物从生产到交付的全过程跟踪。在这个...

    jquery 后台管理模板

    此外,这个框架可能还包含了jQuery的插件,如数据表格(如Datatables)、下拉菜单(如Select2)、日期选择器(如Bootstrap Datepicker)等,这些都是后台管理中常见的组件,它们提供了丰富的功能和良好的用户体验。...

    jquery前台模板demo(很实用的)

    在jQuery中,虽然没有内置的模板引擎,但可以借助第三方库如Mustache、Handlebars或jQuery自己的插件如jQuery tmpl来实现。这些模板引擎支持各种模板语法,使开发者能够灵活地设计和渲染数据。 **四、使用jQuery...

    jquery后台框架模板

    《jQuery后台框架模板详解》 在当今Web开发领域,jQuery以其简洁、易用的API,成为了前端开发的首选工具之一。然而,随着Web应用的复杂性增加,仅依赖于前端的jQuery并不足以满足所有需求,因此,jQuery后台框架...

    基于jQuery开发的javascript模板引擎-jTemplates

    jTemplates作为一款jQuery插件,提供了一种高效、简洁的方式来处理动态数据和HTML模板的结合,简化了前端开发工作。通过理解其核心原理和实践示例,开发者可以更好地利用jTemplates提升Web应用的交互性和性能。

    Jquery开发UI模板

    **jQuery MiniUI 开发UI模板** jQuery MiniUI 是一个基于 jQuery 的轻量级 Web UI 框架,专为开发企业级 Web 应用提供快速、简洁、强大的组件库。这个压缩包文件“jQuery MiniUI V2_0 Demo”包含了 MiniUI 的 2.0 ...

    vs2008 JQuery插件

    "vs2008 JQuery插件"就是为了增强VS2008对JQuery支持而设计的,通过安装这个补丁,开发者可以更好地在VS2008中利用JQuery进行Web开发。 JQuery是一款轻量级、高性能的JavaScript库,它简化了DOM操作、事件处理、...

    Excel样式表格单元格选择jQuery插件

    一个简单的插件模板可能如下所示: ```javascript (function($) { $.fn.myPlugin = function(options) { // 插件代码 }; })(jQuery); ``` 在这个模板中,`$.fn` 是 `$.prototype` 的别名,这样我们就可以在...

Global site tag (gtag.js) - Google Analytics