jQuery插件开发汇总
一、jQuery插件开发两个底层方法jQuery.extend([deep ], target [, object1 ] [, objectN ] )将两个或更多对象的内容合并到第一个对象。1、deep 如果是true，合并成为递归（又叫做深拷贝）2、target 一个对象，如果附加的对象被传递给这个方法将那么它将接收新的属性，如果它是唯一的参数则将扩展jQuery的命名空间...
2024-01-10
jQuery 插件开发基础教程全解析
jQuery插件的开发包括两种，一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。类级别的插件开发类级别的插件开发最直...
2024-01-10
Vue.js插件开发
Vue.js插件是为应用添加全局功能的一种强大而且简单的方式。插件的用途很广泛，从全局组件，到为应用添加一些额外的功能、如路由(Vue Router)，存储在应用程序里的不可变数据(Vuex)。一般来说，Vue插件的开发是非常简单的。Vue插件仅仅是包含一个公开方法install的对象、这个方法有两个参数：Vue 构...
2024-01-10如何编写 jQuery 插件
看来 jQuery 你已经用得很爽了，想学习如何自己编写插件。非常好，这篇文档正适合你。用插件和方法来扩展 jQuery 非常强大，把最聪明的功能封装到插件中可以为你及团队节省大量开发时间。开始要编写一个 jQuery 插件，需要为 jQuery.fn 对象增加一个新的函数属性，属性名就是插件的名字jQuery.fn.myPlugi...
2024-01-10如何使用jQuery砌体插件放置图像以开始
试图为不同高度/宽度的图像创建一个简单的图像库，并在砌体中搜索插件来执行类似的操作。如何使用jQuery砌体插件放置图像以开始我试图做一个这样的基于其他砌体上的空盒子布局的示例，但我无法弄清楚你会如何做到这一点将图像放置在这些框中。http://jsfiddle.net/zigzag/kz2b79s3/ 我这是怎么组织一...
2024-01-10jQuery如何防止这种冒泡事件发生
冒泡事件就是点击子节点，事件会向上传递，最后触发父节点，祖先节点的点击事件。html代码部分：<body> <div id="content"> 外层div元素 <span>内层span元素</span> 外层div元素 </div> <div id="msg"></div></body>jQuery代码如下：<script type="text/javascript">$(func...
2024-01-10深入理解jQuery 事件处理
浏览器的事件模型DOM第0级事件模型1.Event实例 他的属性提供了关于当前正被处理的已触发事件的大量信息。这包括一些细节，比如在哪个元素上触发的事件、鼠标事件的坐标以及键盘事件中单击了哪个键。2.事件冒泡当触发 dom 树中一个元素上的事件时，事件模型会检查这个元素是否已经创建了特定...
2024-01-10jQuery插件DataTables分页开发心得体会
写Blog目的：不是为人气，只是留份笔记；啰嗦不要紧，只怕有遗漏，以后想不起来。官网：https://datatables.net/ 中文官网：http://datatables.club/开发环境：Python 3.6.0、Anaconda 4.3.1、Django、JetBrains PyCharm 2017.1.5按我项目的开发过程简单整理。 1、第一版本，无分页。 在此之前有用到过DataTables（更多的是ea...
2024-01-10使用jQuery发送JSON数据
为什么在下面的代码中将数据发送为City=Moscow&Age=25JSON格式而不是？var arr = {City:'Moscow', Age:25};$.ajax( { url: "Ajax.ashx", type: "POST", data: arr, dataType: 'json', async: false, success: function(msg) { alert(msg); ...
2024-01-10jQuery实现自定义事件的方法
本文实例讲述了jQuery实现自定义事件的方法。分享给大家供大家参考。具体分析如下：jQuery是一个非常强大的工具。jQuery非常有用的功能之一是可以实现事件绑定。你可以实现创建，绑定事件，可触发自己定义的jQuery事件。自定义事件触发下面的代码是它自定义事件触发。你可以绑定到这个自定义事...
2024-01-10jQuery zTree插件使用简单教程
本文实例为大家分享了jQuery zTree插件使用简单教程，供大家参考，具体内容如下首先说一下，在web开发过程中会有很多的地方需要到树形的插件，JQuery 就有树的插件，本次简单教程讲的是zTree的使用教程。官方下载地址第一步，HTML<ul id="deptTree" class="ztree"></ul>第二步，zTree在init的时候都需要什么参...
2024-01-10属于你的jQuery提示框（Tip）插件
插件可以满足常用的提示显示，支持12个方向，支持边框、背景色、文本颜色自定义，支持位置微调、层级微调、宽度间距等参数调整。先看看效果：tips:提示信息组件参数：msg:'asdf',内容dire:2,方向w:250,宽度_x:0,横向偏移_y:0,纵向偏移zIndex:100000,层级borderColor:#FFF,边框颜色bgColor:#FFF,背景颜...
2024-01-10jQuery树插件zTree使用方法详解
最近要做一个树结构，就使用了jQuery 的树插件，感觉还不错，做个随笔页面的基本结构是这样的这里的样式是使用了metroStyle文件夹里的类bootstrap风格，当然首先需要下载ztree插件，直接百度即可，下载完成后由对应的api和一些例子，这里使用的是复选框模板jQuery zTree树的下载链接页面jsp如下：<...
2024-01-10jQuery绑定事件的四种方式介绍
jQuery提供了多种绑定事件的方式，每种方式各有其特点，明白了它们之间的异同点，有助于我们在写代码的时候进行正确的选择，从而写出优雅而容易维护的代码。下面我们来看下jQuery中绑定事件的方式都有哪些。jQuery中提供了四种事件监听方式，分别是bind、live、delegate、on，对应的解除监听的函数...
2024-01-10深入理解jQuery之防止冒泡事件
冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。下面是html代码部分：<body><div id="content"> 外层div元素 <span>内层span元素</span> 外层div元素</div><div id="msg"></div></body>对应的jQuery代码如下：<script type="text/javascript">$(function(){ // 为span元素绑定click事件 $('span').bind("click",funct...
2024-01-10jQuery插件实现静态HTML验证码校验
jQuery由美国人John Resig创建，它是一个快速、简洁的JavaScript库，提供了很多遍历函数，如each(fn)。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。正是这些操作上的特点，用户可以方便地处理HTML文档、事件、实现动画效果，并且方...
2024-01-10jQuery 防止相同的事件快速重复触发方法
重复触发就是防止用户重复点击提交数据了，我们一般都是点击之后没反应会再次点击了，这个不但要从用户体验上来做好，还在要js或php程序脚本上做好，让用户知道点击是己提交服务器正在处理，下面我就整理从脚本上来处理此重复触发的问题。很多时候事件会被快速重复触发，比如 click，这样就...
2024-01-10基于jQuery实现Tabs选项卡自定义插件
控件这东西网上找的多少都有些功能不如意的，只能自己动手来写了。Tabs插件很多人都需要用到，网上也有很多的例子，但是不是风格不搭调就是用着不习惯（自己写的不一定比别人的好但用着顺手In love）下面直接贴代码，不喜勿喷：(function ($) { 'use strict'; var defaults = { type: "iframe", onchanged: null,...
2024-01-10利用JQuery阻止事件冒泡
冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。我们在平时的开发过程中，肯定会遇到在一个div（这个div可以是元素）包裹一个div的情况，但是呢，在这两个div上都添加了事件，如果点击里面的div我们希望处理这个div的事件，但是呢，我们不希望外层的div的事件也执行，这时候...
2024-01-10
jQuery++ 扩展 jQuery 库功能的开源插件
jQuery++ 在 jQuery 1.7.x 的基础上增加了一些新的 DOM 助手方法，目的是提供 jQuery 所不支持的功能，包括 Cookie 操作、DOM Range 和表单处理等。这是一个开源的插件，意味着你可以免费使用，基于MIT开源协议发布。jQuery++ 不是一个类似 jQuery UI or jQuery Tools 的插件，他只提供最基本的方法，扩展 jQuery 所不支...
2024-01-10
jScroll 无限滚动的 jQuery 插件
jScroll 是一个用于无限滚动的 jQuery 插件，当滚动到底部就触发预定义的一个点击事件加载下一页，是在当前页面或内容区域滚动时通过 Ajax 加载内容的能力。新内容可以在每次滚动到现有内容的末尾时自动加载，也可以通过单击现有内容末尾的导航链接来触发加载。安装依赖性jScroll 需要 jQuery v1.8.0 ...
2024-01-10用户滚动到特定元素时触发事件-使用jQuery
我的h1不在页面上。<h1 id="scroll-to">TRIGGER EVENT WHEN SCROLLED TO.</h1>我想在用户滚动到h1或在浏览器视图中触发警报时触发。$('#scroll-to').scroll(function() { alert('you have scrolled to the h1!');});我该怎么做呢？回答：您可以计算offset元素的，然后将其与scroll值进行比较，例如：$(window).scroll(function() { var hT ...
2024-01-10jQuery事件的绑定、触发、及监听方法简单说明
如果你在写文章或者 Demo，为了简单，你当然可以用事件监听函数，以及那些事件对象提供的方法等。但在实际中，有一些方法和属性是有兼容性问题的，所以我们会使用 jQuery 来消除兼容性问题。下面简单的来说一下 jQuery 中事件的基础操作。绑定事件和事件代理在 jQuery 中，提供了诸如 click() 这样...
2024-01-10基于 jQuery 实现键盘事件监听控件
最近项目里要做一个画板，需要对键盘事件进行监听，来进行诸如撤回、重做、移动、缩放等操作，因此顺手实现了一个键盘事件监听控件，期间略有收获，整理出来，希望对大家有所帮助，更希望能获得高手的指点。1. 自动获取焦点似乎浏览器的键盘事件只能被那些可以获得焦点的元素设置监听，...
2024-01-10jQuery文件上传始终失败，文件上传中止
我试图让Blueimp的Jquery File Upload插件在我的网站上正常工作，但是我一生都无法用它来上传文件。我整天都在努力，被困住了。它将上传文件并将其提交到UploadHandler类，但是在尝试完成handle_file_upload功能时，它将达到：file_put_contents( $file_path, fopen('php://input', 'r'), $append_file ? FILE_APPEND : 0);但这...
2024-01-10
