window.onload 页面加载完成后执行 window.onload = function () {function dom(id) { return document.getElementById(id); }dom("id1").onclick = function () {this.innerHTML = ‘welcome‘;} }jQuery 插件部分 类级别的插件开发 1.1添加一个新的全局函数 jQuery.fn = function() {} 1.2增加多个全局函数 jQuery.fn = function() {} jQuery.fun = function() {}1.3使用jQuery.extend(object); 1.3.1添加函数 jQuery.extend({...
之前同学做个购物商城秒杀活动需要计时器的功能，在用jquery提供的countdown插件时，一直报错，貌似还需要依赖除jquery之外的其他插件，搞了半天也没搞成功，就叫我帮忙写个。然而我并没有写过插件，不过刚好趁这次端午好好地锻炼一把吧，顺便在这儿存个代码，自己的思路不好，大神们请不要见笑哈... 废话不多说，直接上代码： =======================================请叫我华丽的分割线===================================...
/*功能：实现对select下拉框可输入的功能， 输入时会对下拉框的内容进行动态过滤。参数：没有选择任何值时默认显示的文字如何使用：$("#firstLevel").inputSelectBox("--请选择--");如何获取选择的项：直接使用原始的select元素即可，值会在下拉框隐藏后同步到原始元素 */ (function ($) {$.fn.inputSelectBox = function (emptyText) {if (!emptyText) emptyText = ""; //参数默认值：用来填充当输入框input中为空时的值var blurF...
jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。...
转自：http://www.cnblogs.com/linjiqin/p/3530848.htmljQuery插件AjaxFileUpload用来实现ajax文件上传，该插件使用非常简单，接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传。1、引入AjaxFileUpload插件相关的js<script type="text/javascript" src="<%=basePath%>resources/js/jquery-1.2.1.js"></script> <script type="text/javascript" src="<%=basePath%>resources/js/ajaxfileupload.js"></script>备注：测试发现...
一.JQuery的插件主要分为3种：1.封装对象方法的插件。如JQuery的parent()方法，appendTo()方法，addClass()方法等。2.封装全局函数的插件。如JQuery.ajax()，JQuery.trim()方法3.选择器插件。二.JQuery的插件机制：i.JQuery提供了两个用于扩展JQuery功能的方法，jQuery.fn.extend()方法和jQuery.extend()方法。前者用于扩展前面的提到的第一种插件，后者用于扩展后两种插件。这两个方法都接收一个类型为Object的参数。ii.所有的对象...
开发背景 本插件开发是近期写的最后一个插件了，接下来我想把最近研究的redis最为一个系列阐述下。当然Jquery插件开发是我个人爱好，我不会停止，在将来的开发中我会继续完善，当然也会坚持写这个系列的。 每次开发我都会说一下开发插件中用的思想和自己在开发时候的想法。这篇开发也不例外，等会我会一一叙述。上一篇提到的是代码重构思想，这一篇我想谈的是同一个插件，不同的设计思想，得到同样效果。说的有点绕，简单...
jQuery插件开发模式jQuery插件开发方式主要有三种：1、通过$.extend()来扩展jQuery 主要是在jQuery命名空间或者理解成jQuery身上添加了一个静态方法2、通过$.fn 向jQuery添加新的方法3、通过$.widget()应用jQuery UI的部件工厂方式创建 主要是用来开发更高级jQuery部件的，该模式开发出来的部件带有很多jQuery内建的特性，比如插件的状态信息自动保存，各种关于插件的常用方法等 一、通过$.extend()来扩展jQuery 基础用法示例一<sc...
我一直在开发jQuery插件已有一段时间了,我想我现在知道如何设计好一个.然而,有一个问题一直困扰着我,那就是如何以强大而优雅的方式处理私有功能. 我的插件通常看起来像这样：(function($) {$.fn.myplugin = function(...) {...// some shared functionality, for example:this.css('background-color', 'green');...};$.fn.mypluginAnotherPublicMethod = function(...) {...// some shared functionality, for example:this.css('...
本文实例讲述了jQuery插件echarts实现的单折线图效果。分享给大家供大家参考，具体如下： 1、问题背景： 设计一个折线图，展示一个星期内水果销售量 2、实现源码： <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>echarts-单折线图</title><script type="text/javascript" src="jquery-1.4.2.min.js" ></script><script type="text/javascript" src="echarts.js" ></script><style>body,html{width: 99%;height: 99%;f...
Tooltipster是一个轻量级的jQuery工具提示插件，可以快速的帮助你生成漂亮的工具提示。 1，加载jQuery和包括Tooltipster的插件文件在您下载Tooltipster，移动tooltipster.css和jquery.tooltipster.min.js到根的CSS和JavaScript的目录。接下来，加载jQuery和包括您的标签里面Tooltipster的CSS和JavaScript文件：... ... 2，设置你的HTML 为了Tooltipster工作，我们首先需要添加.tooltip类（或任何类别/选择意味着你想使用）的任何...
初识jplayer插件是因为它的兼容性是最好的，可以兼容到IE6，官网上对它兼容性有很详细的说明这个是我选择使用它的首要原因。 现在从需求上来了解它的使用方法吧。第一个需求：MP3格式的音频在网页播放，样式如下：刚看到这个需求的时候，还是觉着有些难度的。我从官网（http://www.jplayer.cn/）上下载了这个的压缩包，直接拿出了里面的例子套用（路径：/examples/blue.monday/demo-01-supplied-mp3.htm），不得不说，这也是学会使...
定义插件的结构骨架： 书中最开始使用的结构骨架如下： 代码如下:jQuery.fn.fluginmane=function(){ return this.each(function(){ //code... }) } 这种结构不是很理想，特别书中提到，为了防止冲突例子不使用$，而使用jQuery。在这里，我们使用匿名函数的方式实现插件的结构骨架，这样就可以防止可能的冲突。也希望大家好好了解下匿名函数相关的知识。 代码如下:(function($){ $.fn.fluginname=fu...
主要修改了两个地方： 一、上下选择与输入值同步问题。 输入关键字后，当出现了下拉选项，用键盘的上下键选择时，关键字输入框的值，没有与你选择的值同步。插件是老外写的，可能他没有考虑到这一点。 二、修正了在firefox下中文输入，没有激活自动提交的问题。 老外当然不会用到中文输入，这个bug存在也理所当然了。 另：附件里的实现了选择后自动提交，也就和google、百度的效果完全一样了。 下载地址
本文实例讲述了jQuery插件制作之参数用法。分享给大家供大家参考。具体分析如下： 1、无参数实现文字阴影效果jQuery.fn.shadow =function(){ return this.each(function(){ var $originalElement = jQuery(this); for(var i = 0;i 调用的例子： 代码如下:$("h1").shadow(); 2、简单的参数jQuery.fn.shadow =function(slices,opacity,zIndex){ return this.each(function(){ var $originalElement = jQuery(this); for(var i = 0;i ...