jQuery插件开发汇总
一、jQuery插件开发两个底层方法jQuery.extend([deep ], target [, object1 ] [, objectN ] )将两个或更多对象的内容合并到第一个对象。1、deep 如果是true，合并成为递归（又叫做深拷贝）2、target 一个对象，如果附加的对象被传递给这个方法将那么它将接收新的属性，如果它是唯一的参数则将扩展jQuery的命名空间...
2024-01-10jQuery 插件开发指南
那么首先我们来简单的看一下最正统的 jQuery 插件定义方式：(function ($) { $.fn.插件名 = function (settings) { //默认参数 var defaultSettings = { } /* 合并默认参数和用户自定义参数 */ settings = $.extend(defaultSettings, settings); return this.each...
2024-01-10
jQuery 插件开发基础教程全解析
jQuery插件的开发包括两种，一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。类级别的插件开发类级别的插件开发最直...
2024-01-10如何编写 jQuery 插件
看来 jQuery 你已经用得很爽了，想学习如何自己编写插件。非常好，这篇文档正适合你。用插件和方法来扩展 jQuery 非常强大，把最聪明的功能封装到插件中可以为你及团队节省大量开发时间。开始要编写一个 jQuery 插件，需要为 jQuery.fn 对象增加一个新的函数属性，属性名就是插件的名字jQuery.fn.myPlugi...
2024-01-10浅谈jQuery中的事件
JQuery事件初见1.JQuery中的事件绑定其实呢，JQuery中标准的事件绑定是这样写下：（如下）$("#btn").bind("click",function(){})；但是每次这样写，太过麻烦，还怎么做到Write less，Do more？所以我们习惯的简写成。$("#btn").click(function(){ }) 这样就方便了好多2.合成事件hover（enterfn，leavefn）当鼠标放在元素...
2024-01-10
Vue插件开发入门
相对组件来说，Vue 的插件开发受到的关注要少一点。但是插件的功能是十分强大的，能够完成许多 Vue 框架本身不具备的功能。大家一般习惯直接调用现成的插件，比如官方推荐的 vue-router、vue-touch 等。下面就看一下 Vue 的插件开发如何入门。首先我们简单回顾一下 Vue.js 官方文档中对于插件开发的...
2024-01-10在div更改时触发jQuery事件
我有一个div，其内容可能会以各种方式更改：例如，可以通过innerHTML重新加载其整个内容，或者可以通过DOM方法添加节点。反过来，这可能是通过本地javascript发生的，也可能是通过调用jQueryAPI或其他库间接发生的。我希望在div的内容改变为执行一些代码，但我 上 如何将改变。确实，我正在设计一个...
2024-01-10深入理解jQuery 事件处理
浏览器的事件模型DOM第0级事件模型1.Event实例 他的属性提供了关于当前正被处理的已触发事件的大量信息。这包括一些细节，比如在哪个元素上触发的事件、鼠标事件的坐标以及键盘事件中单击了哪个键。2.事件冒泡当触发 dom 树中一个元素上的事件时，事件模型会检查这个元素是否已经创建了特定...
2024-01-10用jQuery加载外部js文件
到处寻找它，找到答案却迷失了。有谁知道如何从另一个js文件加载外部.js文件？main_lobj1.onreadystatechange = function(){ if (main_lobj1.readyState == 4) {if (main_lobj1.status == 200) { document.getElementById("middleDiv_m").innerHTML=main_lobj1.responseText; jQuery.getScript('jqu...
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-10jQuery焦点图插件SaySlide
先来介绍SaySlide 2.0支持自定义如下功能：1、上下左右方向播放以及jQuery的fadeOut、slideUp、hide效果；2、自动播放时间间隔和动画播放的的速度；3、是否显示标题；4、是否在新窗口打开链接；5、是否显示底部半透明背景；6、按钮在底部显示的位置（左中右）；7、按钮默认背景色；8、按钮激活状...
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-10分享一个自己动手写的jQuery分页插件
工作需要一个JS分页插件，心想自己动手写一个吧，一来上网找一个不清楚代码结构的，出了问题难以解决，而且网上的插件所包含的功能太多，有些根本用不到，就没必要加载那段JS，二来想起没写过jQuery插件，就当练一下手了，好了，先看结果：http://demo.jb51.net/js/2014/EasyPage/ 简单说一下这个插件...
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-10jQuery插件实现静态HTML验证码校验
jQuery由美国人John Resig创建，它是一个快速、简洁的JavaScript库，提供了很多遍历函数，如each(fn)。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。正是这些操作上的特点，用户可以方便地处理HTML文档、事件、实现动画效果，并且方...
2024-01-10jQuery zTree插件快速实现目录树
ztree是JQuery的一个开源树形目录的插件，用来快速构建网站的树形目录结构，并且提供了功能丰富，利于扩展的API。JQuery ztree官网只要引入jquery和ztree的库js，然后给ztree提供需要的json数据，并且设置好ztress的属性，就可以即刻展示出树形目录。总结下来，要使用ztree的话，必须要完成以下几步：1. 引...
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-10
