编写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...
前面的话 最常使用javascript的场合就是表单的验证，而jQuery作为一个优秀的javascript库，也提供了一个优秀的表单验证插件——Validation。Validation是历史最悠久的jQuery插件之一，经过了全球范围内不同项目的验证，并得到了许多Web开发者的好评。本文将详细介绍validation插件 概述 jQuery Validate插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件...
最近在公司做一个项目，由于后台数据太多需要分页显示，在网上找了很多插件都没有找到合适的分页插件，所有的分页插件始终达不到自己想要的效果。由于这个项目也不是很赶，就在网上查找各种资料，自己写一个基于jquery的分页插件；在接下来的一篇博客中我将详细为大家介绍如何基于jquery书写分页插件，在讲解之前，先给大家介绍一下基于jquery书写插件的相关知识！jquery插件开发主要有三种方法： 1、通过$.extend()方法来拓展j...
编写jquery扩展插件第一步：创建一个js文件第二步：编写有关代码jQuery.fn.extend({ ///这个函数是全部选择所有的元素 check: function() { return this.each(function() { this.checked = true; }); //必须return回一个jquery对象 }, uncheck: function() { return this.each(function() { this.checked = false; }); }}); 第三步：在页面中使用该扩展方法<%@ Page Language="C#" AutoEventWireup...
tapmodo / Jcrop Jcrop是人气最高的图片裁剪jQuery插件，stars数量2k+，功能非常丰富，文档齐全，首选。Github.com官网也使用了这个插件。有一个小细节是，边框线的蚂蚁线是动画的，真的很用心。 Jcrop项目地址 | demo1 | demo2 | demo3 | demo4fengyuanchen / cropper Cropper也是一款图片裁剪jQuery插件，stars数量1k+，是杭州的前端工程师Fengyuan Chen所写的，功能也相当丰富，裁剪时还可以对原图进行旋转。 Cropper项目地址 ...
jQuery插件 使用插件的步骤1. 引入jQuery文件 2. 引入插件（如果有用到css的话，需要引入css） 3. 使用插件 <!--1. 引入jquery的js文件--> <script src="jquery-1.12.4.js"></script> <!--2. 引入插件的js文件--> <script src="jquery.color.js"></script> <script src="jquery.color.js"></script> <script>$(function () {//3. 直接使用即可。//说明jquery不支持颜色的渐变,颜色最好用16进制$(‘div‘).animate({background...
JQuery极大的提高了我们编写JavaScript的效率，让我们可以愉快的编写代码，做出各种特效。大多数情况下，我们都是使用别人开发的JQuery插件，今天我们就来看看如何把我们常用的功能做出JQuery插件，然后像使用jQuery那样来操作DOM. 一、jQuery插件开发快速上手1、jQuery插件模板关于jQuery插件的编写，我们可以通过为jQuery.fn增加一个新的函数来编写jQuery插件。属性的名字就是你的插件的名字，其模板如下：(function($){$.fn.myJ...
版权声明：本文为博主原创文章，未经博主同意不得转载。 https://blog.csdn.net/u010480479/article/details/25159287 本屌丝近期工作要求重写站点全部代码，so...极其蛋疼的事情出现了。管我的人要求不能用网上的插件。oh~~~my god!! 这是多么能让千万仅仅草原上的马儿奔腾的要求~~~先实现一个比較简单的功能：需求：网页遮罩层/弹出层。兼容IE6幸好本屌丝曾经聪明收集了个js的版本号，so。自己改写成了jQuery插件形式的，...