jQuery核心的方法有两个：1、$.extend(object)可以理解为jQuery添加一个静态方法。2、$.fn.extend(object)可以理解为jQuery实例添加一个方法。基本的使用$.extend({fun1: function() {alert(11);}})$.fun1();$.fn.extend({fun2: function() {alert(22);}})$(this).fun2();//等同于$.fn.fun3 = function() {alert(33);}$(this).fun3();jQuery(function() {})与(function($) {})(jQuery)的区别1、jQuery(function() {})相当于$(docum...
jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。...
HTML 表格导出 jQuery 插件可以帮助用户导出 HTML 表格到 JSON、XML、PNG、CSV、TXT、SQL、MS-Word、MS-Excel、MS-PowerPoint 和 PDF 格式。您可以轻松地设置字体大小，分隔符，导出类型等。您可能感兴趣的相关文章Web 开发中很实用的10个效果【附源码下载】精心挑选的优秀jQuery Ajax分页插件和教程12款经典的白富美型 jQuery 图片轮播插件让网站动起来！12款优秀的 jQuery 动画插件精心挑选的美轮美奂的 jQuery 图片特效插件 立...
关于jQuery插件的开发自己也做了少许研究，自己也写过多个插件，在自己的团队了也分享过一次关于插件的课。开始的时候整觉的很复杂的代码，现在再次看的时候就清晰了许多。这里我把我自己总结出来的东西分享出来，帮助那些和我一样曾经遇到过同样问题的人。我要做什么我想要得到的javascript 插件应该会有以下几个特征* 以下的代码均假设存在 jQuery 插件的第一形态面对这种情况，通常我们会通过定义function的方式来实现。functio...
hover事件有一个缺点:当你的鼠标无意划过一个dom元素(瞬间划过,这个时候用户可能不想触发hover事件),会触发hover事件应该设置一个时差来控制hover事件的触发比如jd左边的菜单 你用鼠标瞬间划过他子菜单会弹出然后立即消失, 用户体验非常的不好.易迅的菜单就没有这个问题delayHover来解决这个问题啥也不说了先看调用…………………………调用方式:var duration = 500;// 延迟500毫秒 $(‘#div1‘).delayHover(function () {$(this)....
jquery Plugins：http://plugins.jquery.com/Amazon Side Bar Menuhttp://plugins.jquery.com/amazonsidebarmenu/http://www.javascriptkit.com/script/script2/amazonsidebarmenu.shtml原文：http://www.cnblogs.com/wangjunwei/p/3588010.html
引入下方的jquery.rotate.js文件，然后通过$("选择器").rotate(角度);可以旋转任意角度，例如$("#rotate-image").rotate(45);把这句放在$(document).ready(function(){ });中就是将id为rotate-image的图片旋转45度。不过，貌似在Chrome中总是不显示。唉，找了两个小时，才发现Chrome太坑爹了，没法获取图片的长宽。解决办法是，把$("#rotate-image").rotate(45);放在$(window).load(function(){ });中，因为在Chrome中图片在执行$(...
编写jQuery插件的方法和注意点 插件的种类 jQuery的插件主要分为3种类型。 1. 封装对象方法的插件 这种插件是将对象方法封装起来，用于对通过选择器获取的jQuery对象进行操作，是最常见的一种插件。 2. 封装全局函数的插件 可以将独立的函数加到jQuery命名空间之下。如解决冲突用的jQuery.noConflict()方法，常用的jQuery.ajax()方法以及去除首位空间的jQuery.trim()方法等。...
http://blog.csdn.net/zzq58157383/article/details/7721974 动态事件绑定插件livequery， 可以利用它给相应的DOM元素注册事件或者触发回调函数。不仅当选择器匹配的元素会被绑定事件，而且后来通过JavaScript添加的元素都会被绑定事件。当元素不再和选择器匹配时，livequery会自动取消事件注册，使得开发者不再需要关注HTML元素的来源，只需要关注如何编写其绑定的事件即可通过jQuery选择器选择一个DOM元素，livequery插件会实时...
通过$.fn 向jQuery添加新的方法要处理DOM元素以及将插件更好地运用于所选择的元素身上，优先使用这种方法$.fn.myPluginOne = function() {//在这里面,this指的是用jQuery选中的元素//example :$(‘a‘),则this=$(‘a‘)this.css(‘color‘, ‘red‘); } 在这个函数内部，this指代的是我们在调用该插件时，jQuery选择器选中的元素。例如，$(‘a‘)返回的是页面上所有a标签的集合，且这个集合已经是jQuery包装类型了，也就是说，在对...
该插件乃本博客作者所写，目的在于提升作者的js能力，也给一些js菜鸟在使用插件时提供一些便利，老鸟就悠然地飞过吧。此插件旨在实现目前较为流行的拖拽效果，您可以根据自己的实际需求来设置被拖拽元素是否可以被拖拽至可视区域以外。整体代码如下：<!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"><hea...
新的一周开始了，今天我们要为大家分享一些全新的jQuery插件和HTML5/CSS3应用，这些jQuery插件不仅非常炫酷，而且还挺实用，这次的分享包含jQuery菜单、CSS3按钮已经多种图片特效，一起来看看吧。1、CSS3书本翻页动画 书本翻页效果逼真今天我们要分享一款炫酷而且实用的CSS3动画效果，它是模拟书本翻页的动画特效。当鼠标滑过书本右上角时，书本即可向前翻一页，而且翻页动画非常逼真。由于CSS3的运用，我们并不需要使用复杂的图片...
今天介绍一个非常好用的JQuery插件，它可以把网页或某个div或table表格内容转为图片并下载保存。这个插件叫 html2canvas ，它只有一个js文件 html2canvas.js ，而使用起来也非常简单。先看一个实例html代码，后面再介绍如何使用。<html><head><script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script src="html2canvas.js"></script></head><body><div id="html-content-holder" style="background...
在网站开发中经常会用到选项卡功能，为了节省一下写代码时间，封装了一下tab插件，方便调用。来看一下效果： tab-1tab-2tab-3tabs-1-paneltabs-2-paneltabs-3-panelMyUI-tabs创建选项卡组件使用方法： html结构 <divid="tabs"><ul><li><ahref="#tabs-1">tab-1</a></li><li><ahref="#tabs-2">tab-2</a></li><li><ahref="#tabs-3">tab-3</a></li></ul><divid="tabs-1">tabs-1-panel</div><divid="tabs-2">tabs-2-panel</div><divid...
基础组件：jquery，bootstrap.css，bootstrap.js插件：下拉框bootstrap-select富文本编辑器summernote(jQuery)输入校验bootstrapValidator客户端模板mustache翻页jquery.twbsPagination(jQuery) 页签 tab.js（包含在bootstrap.js里）css<link href="../../Content/bootstrap.css" rel="stylesheet"/><link href="../../Content/bootstrap-theme.css" rel="stylesheet"/><link href="../../Content/bootstrap-select.css" rel="sty...