jquery开发js插件

【jquery开发js插件】的更多相关文章

1.需要掌握的知识点 1)(function($){...}(jQuery)):实际上就是匿名函数并且函数用()阔起来,形成闭包,外界对其内部函数没有影响 $(function(){…}); jQuery(function($) {…}); $(document).ready(function(){…})用法都是一样的,我们自定义插件时需要用到 2)$.extend(),$.fn.extend()区别最主要的特征:$.extend()是扩展的是Jquery类的静态成员 $.fn.exte…

jQuery.cookie.js插件了解及使用方法

jquery.cookie.js插件实现浏览器的cookie存储,该插件是基于jquery开发,方便cookie使用. jquerycookie.js的下载地址 http://plugins.jquery.com/project/cookie 1.准备工作 1)由于该插件依赖jQuery,所以首先在页面引入jquey插件 2)在页面引入jQuery.cookie.js 2.使用方法设置cookie /* ** 设置cookie ** 第一个参数设置cookie的key ** 第二个参数设置co…

【PC端】jQuery+PHP实现浏览更多内容(jquery.more.js插件)

参数说明: 'amount' : '10', //每次显示记录数 'address' : 'comments.php', //请求后台的地址 'format' : 'json', //数据传输格式 'template' : '.single_item', //html记录DIV的class属性 'trigger' : '.get_more', //触发加载更多记录的class属性 'scroll' : 'false', //是否支持滚动触发加载 'offset' : '100', //滚动触发加…

购物车增加、减少商品时动画效果：jQuery.Fly.js插件使用方法

某些电商网站加入购物车和减少购物车商品数量时,有个小动画,以抛物线形式增减,如图: 这里用到了第三方jQuery.Fly.js插件(底层依赖Jquery库,地址:https://github.com/amibug/fly/blob/master/src/fly.js),使用方法直接上代码,自己体验: 引入js库: <head lang="en"> <meta charset="UTF-8"> <title></ti…

jquery.autocomplete.js 插件的自定义搜索规则

这二天开始用jquery.autocomplete这个自动完成插件.功能基本比较强大,但自己在实际需求中发现还是有一处不足!问题是这样:当我定义了一个本地数据JS文件时,格式为JSON式的数组.如下: var stockInfoJson = [ { name: ",spell:"sfza" }, { name: ",spell:"wka"}, { name: ",spell:"stgn" }, { name: &qu…

异步上传图片，光用jquery不行，得用jquery.form.js插件

异步上传图片,光用jquery不行,得用jquery.form.js插件,百度一下下载这个插件,加jquery,引入就可以了 <form id="postbackground" method="POST" action="#" enctype="multipart/form-data"> <input name="upload" type="file" id="…

整屏滚动效果 jquery.fullPage.js插件+CSS3实现

最近很流行整屏滚动的效果,无论是在PC端还是移动端,本人也借机学习了一下,主要通过jquery.funnPage.js插件+CSS3实现效果. 本人做的效果: PC端:http://demo.qpdiy.com/hxw/ss/h/index.html 移动端:http://demo.qpdiy.com/hxw/ss/h/s.html 首先使用要引入插件 <link rel="stylesheet" href="../c/jquery.fullPage.css"…

ajax请求执行完成后再执行其他操作（jQuery.page.js插件使用为例）

就我们做知,ajax强大之处在于它的异步请求,但是有时候我们需要ajax执行彻底完成之后再执行其他函数或操作这个时候往往我们用到ajax的回调函数,但是假如你不想或者不能把接下来的操作写在回调函数中,怎么办? 以jquery.page.js插件为例,分页初始化如下: $(".tcdPageCode").createPage({ pageCount:100, current:1, backFn:function(p){ //console.log(p); } }); 这里pageCou…

jquery.validate.js插件的使用方法

近期做项目.须要用到 jQuery.validate.js插件,于是记录一下工作中的一些经验,以便日后学习. [样例例如以下] 1.前台页面 <form id="form1" method="post"> username:<input type="text" id="UserName" name="UserName" /><!--<span id="name_…

jQuery通过jquery.form.js插件使用AJAX提交Form表单

我简单使用了一下,jQuery Form插件有一下优点: 1.支持提交前验证. 2.支持提交后回调. 3.采用AJAX方式,有很好的用户体验 4.提交方式是灵活.只要指定要提交的form ID即可.想提交那个form.就可提交那个.同时提交参数可配置.5.支持提交多种类型数据.如:xml,json等. 主要的函数: 1.ajaxForm 增加所有需要的事件监听器,为AJAX提交表单做好准备.ajaxForm不能提交表单.在document的ready函数中,使用ajaxForm来为AJAX提交…

(转)jquery.url.js 插件的使用

jQuery插件之-jQuery URL Parser jQuery插件Query URL Parser用于解析URLs字符串.通过它我们可以方便地获取协议.主机.端口.查询参数.文件名.路径等等.在一些静态页面需要根据参数来调整一些内容的时候这个插件还是挺有用的. 官方下载(托管在github):http://github.com/allmarkedup/jQuery-URL-Parser 本地下载地址:jQuery-URL-Parser 插件可以返回的数据有下面几项: 1 .来源 – U…

jquery.validata.js 插件

一.Validate插件描述 Validate是基于jQuery的一款轻量级验证插件,内置丰富的验证规则,还有灵活的自定义规则接口,HTML.CSS与JS之间的低耦合能让您自由布局和丰富样式,支持input,select,textarea的验证. 二.配置方法需要先导入Jquery库,然后导入Validate插件.而且两个插件有一定的先后顺序.(jquery库-Validate插件) <script type="text/javascript" src="js/jqu…

jQuery之jquery.lazyload.js插件用法

研究背景:网站中如果图片过多,就会因为加载图片而等待很长时间,此时我们就用到图片延时加载插件jquery.lazyload.js,这个插件可以让我们在向下滚动的时候加载图片.让网页首屏尽可能快的加载进来. 如何使用jquery.lazyload.js: 1.jquery.lazyload.js依赖于 jquery. 请将下列代码加入HTML的结尾,也就是</body>前: <script type="text/javascript" src="jquery.…

解决jquery.zclip.js插件无法复制的问题

网页中需要用到点击复制,在使用webpack加载jquery以及jquery.zclip.js后,出现了以下情况: jquery顺利加载 zclip插件顺利加载 ZeroClipboard.swf顺利加载控制台无报错复制却没有反应! 又经过其他测试发现: 直接在html页面中引入jquery以及jquery.zclip.js,是可以正常工作的! 最后找到了github上此插件的一些说明,发现还有一个适用于requirejs版本的插件,于是将jquery.zclip.js替换成了另外一个版本,…

jquery.validate.js插件使用

jQuery验证控件jquery.validate.js使用说明+中文API 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明转载自:http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html 一导入js库 <script src="../js/jquery.js" type="…

jquery.query.js 插件（示例及简单应用）

帮助文档 var url = location.search; > "?action=view&section=info&id=123&debug&testy[]=true&testy[]=false&testy[]"var section = $.query.get('section');> "info"var id = $.query.get('id');> 123var debug = $.qu…

jquery.hichartTable.js插件绘图

使用场景:随日期不断增长变化的数据用折线图表现出来更加直观,比如注册人数的增长等. jquery.hichartTable.js文档:http://pmsipilot.github.io/jquery-highchartTable-plugin/ 在添加折线图之前,我们的数据是分页显示的表格,比如注册人数按日期分组统计: bigint(13)-Long-'1371810306320'-System.currentTimeInMillis() date(from_unixtime(substr(r…

使用jquery.validate.js插件进行表单里控件的验证

jsp中具体实现的代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&…

如何使用jquery.qrcode.js插件生成二维码

1.首先需要准备 jquery.qrcode.js 和 jquery.js github地址:https://github.com/lrsjng/jquery-qrcode 官方文档地址:http://larsjung.de/jquery-qrcode/ 2.然后创建jsp页面,将js引入页面.(此处需要注意的的是顺序不能颠倒,必须是jquery.js先引入) <script type="text/javascript" src="<%=request.getCo…

jquery.query.js 插件（示例及简单应用） —— html之间传值

帮助文档 var url = location.search; > "?action=view&section=info&id=123&debug&testy[]=true&testy[]=false&testy[]"var section = $.query.get('section');> "info"var id = $.query.get('id');> 123var debug = $.qu…

学会读JQuery等JS插件源码

看了 http://my249645546.iteye.com/blog/1716629 上的这篇文章感觉挺好的,所以决定转过来,谢谢这位博主. 很多人觉得jquery.ext等一些开源js源代码十分的晦涩,读不懂,遇到问题需要调试也很费劲.其实我个人感觉主要是有几个方面的原因: 1.对一些js不常用的语法.操作符不熟悉 2.某个function中又嵌套了一些内部的function,使得整个代码的层次结构不像java代码那么清晰. 3.js中允许变量先使用后定义,会造成我们看代码时候忽然冒出来…

jquery.page.js插件在使用时重复触发“上一页”和“下一页”操作

jquery.page.js使用demo HTML代码 <div class="result"> <div class="tcdPageCode"></div> </div> <script src="js/jquery-1.8.3.min.js"></script> <script src="js/jquery.page.js"></s…

使用jQuery开发tree插件

1.插件截图 2.插件使用首先引入jquery库,然后引入tree.js.tree.css文件,如下: <script type="text/javascript" src="js/jquery/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/tree.js"></script> <…

jquery.qrcode.js 插件生成二维码

下载地址:https://github.com/jeromeetienne/jquery-qrcode 例子: <!doctype html> <html> <head> <meta charset="utf-8"> <title>qrcode.js</title> </head> <body> <div id="qrcode"></div> &l…

jQuery开发自定义插件 $.extend()与$.fn.extend()

jQuery extend()和jQuery.fn.extend() jQuery提供两个用于封装扩展的方法: 1.$.extend(); 扩展jQuery类方法,即jQuery全局方法 (在全局可直接调用,如$.myFun(); myFun为自定义的方法) 2.$.fn.extend();扩展jQuery实例的成员方法 (如用来扩展一个input框的方法,$.fn = $.prototype,原型) 认识$.extend $.extend 用法:jQuery.extend( target [,…

分页-jquery.page.js插件在使用时重复触发“上一页”和“下一页”操作

HTML代码  <div id="paginationDiv"></div> js代码 <script type="text/javascript" src="…

jquery开发表格插件项目之知识点累积

js设置节点的属性与属性值用setAttribute(),获取节点的属性和属性值用getAttribute(). jquery 中使用attr 就可以获取及设置元素属性. 在设置checkbox状态时,使用attr出现undefined的情况,改用prop解决该问题. 对于HTML元素本身存在的固有属性,在处理时,用prop方法: 对于HTML元素自定义的DOM属性,在处理时,用attr方法. closest():从本身元素开始往上查找,返回最近的匹配的祖先元素,向上查找,找到一个匹配的就停止查…