jQuery
文章平均质量分 53
明天还有我
这个作者很懒,什么都没留下…
展开
-
简单分页插件,kkpager
后台用习惯了框架分页,到做网页的时候就不自己去写分页了,并且需要的分页也是比较简单的,然后就在网上找了个简单的分页插件:kkpager需要导入的js 和cs: kkpager.js kkpager.min.js kkpager.css效果图如下: 以下为实例:----------BaseDao.java原创 2016-04-14 16:25:09 · 1978 阅读 · 1 评论 -
SpringMVC结合ajaxfileupload.js实现文件无刷新上传
直接看代码吧,注释都在里面首先是web.xml[html] view plain copy print?xml version="1.0" encoding="UTF-8"?> web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xs转载 2016-03-08 09:32:07 · 508 阅读 · 0 评论 -
springmvc + ajaxfileupload 实现异步上传文件(图片)
最近在做一个项目需要实现异步上传图片,在网上找了很多资料后,采用了ajaxfileupload可以实现,以下是核心代码:jsp:[html] view plain copy div id="uploadPicWindow" class="easyui-window" title="上传图片" style="width:420p原创 2016-03-08 08:58:35 · 1111 阅读 · 0 评论 -
handlebars自定义helper的写法
handlebars相对来讲算一个轻量级、高性能的模板引擎,因其简单、直观、不污染HTML的特性,我个人特别喜欢。另一方面,handlebars作为一个logicless的模板,不支持特别复杂的表达式、语句,只内置了一些基本的语法,像if、each这些。可惜的是就连if都十分弱,只能判断值是否为true/false,或转化后是否为true/false,不能对值进行比较。不过,handlebars提原创 2016-03-07 15:19:38 · 2163 阅读 · 0 评论 -
JS中的!=、== 、!==、===的用法和区别。
js == 与 === 的区别1、对于string,number等基础类型,==和===是有区别的1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等2)同类型比较,直接进行“值”比较,两者结果一样2、对于Array,Object等高级类型,==和===是没有区别的进行“指针地址”比较原创 2016-03-07 15:06:09 · 316 阅读 · 0 评论 -
jQuery跨域心得
一个项目由于用了二级域名,但是需要请求的文件位于www域名下,几次请求没在firebug看到任何请求信息的情况下我突然意识到,我也碰到了这个该死的跨域请求的问题,于是google之,网上找到了几乎相同的解决方案,用jQuery的json方式解决,我多次试验,最后甚至原封不动地拷来代码,均失败,才最终在另一处博客发现原来光客户端请求也不够,服务器端不能光返回json数据了,而是要返回一个回调函数,这转载 2016-02-20 00:31:36 · 99 阅读 · 0 评论 -
jquery验证密码强度的插件
本来是英文版的,我改了一点,提示什么的都是中文的了,从这里下载 jquery.pstrength.js 强度验证插件!然后在网页中引用jquery文件和这个插件XML/HTML代码 然后使用以下函数JavaScript代码jQuery(document).ready(function(){ jQuery('转载 2016-02-20 00:26:41 · 1122 阅读 · 0 评论 -
jquery.validate验证时机
jquery.validate可以很方便的设置在什么时候触发验证动作 onsubmit: 提交时是否验证 $(".selector").validate({ onsubmit: false }) onfocusout: 失去焦点时验证(checkboxes/radio除外) $(".selector").validate({ onfocusout: false原创 2016-02-20 00:20:38 · 1594 阅读 · 0 评论 -
JQuery实现页面跳转 页面跳转的七种方法
"text/javascript"> $(function(){ var pn = $("#gotopagenum").val();//#gotopagenum是文本框的id属性 location.href = "NewList.aspx?pagenum="+pn;//location.href实现客户端页面的跳转 }); // --> 页面跳转转载 2016-02-20 00:09:01 · 31020 阅读 · 0 评论 -
JQuery each打印JS对象的方法
我们知道javascript可以用alert输出变量的值,但是有时候返回的是一个对象,json格式的数据,jQuery可以用这个方法循环遍历读出对象的值,假如这个对象名称是obj,循环遍历打印它的值:复制代码代码如下: $.each(obj,function(key,val){ if($.isPlainObject(val) || $.isArray(val))转载 2016-02-20 00:02:18 · 652 阅读 · 0 评论 -
jquery validate.addMethod 自定义正则表达式(字符,中文,手机,电话,邮编)
$(document).ready(function(){ 5 6/**//* 设置默认属性 */ 7$.validator.setDefaults({ 8 submitHandler: function(form) { 9 form.submit(); 10 }原创 2016-02-19 22:21:07 · 668 阅读 · 0 评论 -
jquery.validate一些方法解释及用例
Name Type validate( options ) Returns: Validator 验证所选的FORM valid( ) Returns: Boolean 检查是否验证通过 rules( ) Returns: Options 返回元素的验证规则 rules( "add", rules ) Returns: Options 增加验证规原创 2016-02-19 21:51:44 · 181 阅读 · 0 评论 -
jquery validate使用Demo实例说明
//validate 选项*********************************************************** $("form").validate({ debug:true //进行调试模式(表单不提交) rules:{ name:"原创 2016-02-19 21:38:19 · 2476 阅读 · 0 评论 -
onblur和onfocus的区别
运行一下这个例子就知道区别是啥了!html> head>meta http-equiv="Content-Type" content="text/html; charset=gb2312">title>新建网页 5title>script>function aaa(obj){if(typeof(obj.hasblur)=='undef原创 2016-02-19 10:27:16 · 1368 阅读 · 0 评论 -
jquery的插件spinner的一些使用细节
开始,我不是不想写这个博文的,最近要做一个功能。就是需要使用到spinner这个插件功能。如下图spinner插件效果图看了效果图,其实,你应该知道我要做啥功能了。就是一个简单的,在下单量那里点击,上键或者下键,根据对于的商品价格进行总结计算。就这么一个简单的,我好意识要写博客?肯定不是这样原因,你百度一下关键字:jquery-spinner插件。搜索完之后,你原创 2016-02-03 13:16:01 · 2394 阅读 · 0 评论 -
ajaxFileUpload.js 无刷新上传图片,支持多个参数同时上传,支持 ie6-ie10
ajaxFileUpload 无刷新上传的原理:在页面动态创建 form 表单和 ifram 贞,设定 form 表单提交的目标为 ifram 贞,将文件域和要 post 的参数动态写入 form 表单中,然后提交 from 表单。通过 window.attachEvent 向 ifram 贞的 onload 事件中注册监听事件响应回调函数。1.html 部分转载 2016-03-08 09:45:10 · 680 阅读 · 0 评论 -
5款好用的开源JS图片裁剪插件(3个jQuery插件,2个AngularJS插件)
tapmodo / Jcrop Jcrop是人气最高的图片裁剪jQuery插件,stars数量2k+,功能非常丰富,文档齐全,首选。Github.com官网也使用了这个插件。有一个小细节是,边框线的蚂蚁线是动画的,真的很用心。 Jcrop项目地址 | demo1 | demo2 | demo3 | demo4 fengyuanchen / cropper Cropper原创 2016-03-08 09:55:52 · 1199 阅读 · 0 评论 -
jquery动态改变form属性提交表单
有些情况下,同一个form在不同的情况下提交到不同的处理动作,可以在js中动态改变form的属性,满足不同条件的form提交需求。 如: 复制代码代码如下: 现在需要条件1的情况下按上面的方式提交,以method="POST" enctype="multipart/form-data" action="action1.jsp"原创 2016-02-23 00:37:01 · 738 阅读 · 0 评论 -
java开发_jcrop_网页截图工具(插件)
今天给大家介绍一下一个web 中经常会用到的截图(如:头像等)工具:Jcrop项目结构:效果图:这个很有用:看到这些,大家也想自己试试吧===========================================代码部分:====================转载 2016-03-15 00:06:56 · 983 阅读 · 0 评论 -
jQuery图片上传前先在本地预览
js代码: /**名称:图片上传本地预览插件 v1.1*作者:周祥*时间:2013年11月26日*介绍:基于JQUERY扩展,图片上传预览插件 目前兼容浏览器(IE 谷歌 火狐) 不支持safari*插件网站:http://keleyi.com/keleyi/phtml/image/16.htm*参数说明: Img:图片ID;Width:预览宽度;Height:预览高度;转载 2016-02-29 23:31:12 · 831 阅读 · 0 评论 -
浏览器图片\文件上传到服务器 ajaxfileupload.js使用实例
在电商项目中经常遇到图片或者文件上传的需求,但是现在的浏览器为了安全起见都封闭了file控件上传的本地绝对路径,所以我用一个js插件完成上传需求现在我把我写的代码拿出关键部分当个例子分享给大家,希望大家多多指教第一步 在页面引入ajaxfileupload.js插件第二步 在页面js中写代码://保存提交事件 function saveData(status) { if(!$原创 2016-03-14 16:17:26 · 3354 阅读 · 0 评论 -
js图片预览插件
最新版的浏览器已经获取不到图片的绝对路径地址了,所以预览起来有待年麻烦我用js插件预览的页面代码: 广告图片: 广告预览: js代码:用id选中的//本地预览$("#fileName").uploadPreview({ Img: "hotAdv", Width: 100, Height: 100 });$("#fileName").ch原创 2016-03-14 15:11:27 · 1090 阅读 · 0 评论 -
下拉框内容太多,一个带搜索功能的下拉输入框实现
下拉框中的选项太多 需要一个带搜索功能的输入框,类似于下面这个样子:本例子中用了一个js插件,首先需要引入插件的css和css中用到的图片,再引入插件的js第一步引入css:第二步修改css用到的插件图标:background: url('../../img/select2.png') right top no-repeat;把css中的所有引入的select2.png的图原创 2016-03-14 13:09:42 · 44218 阅读 · 3 评论 -
关于 contentWindow, contentDocument
没有永恒的技术只有变态的需求,没有好说的客户只有无奈的开发者,如果iframe的出现是一个错误的话,iframe里边在来一个iframe那是错上加错,神话没有在远古的尘嚣中消失,却在怀具的今天不断上演。生活永远是一个大染缸,一块白布下去,黑布出来,一块黑布下去,一块七色布出来。contentWindow 兼容各个浏览器,可取得子窗口的 window 对象。conte原创 2016-02-29 11:43:08 · 377 阅读 · 0 评论 -
DIV可以有name属性
Div可以有name属性 也可以获取到name的值ec获取 name值的方法是先获取到div的id值 然后通过id再获取name的值jquery获取方法是:$("#script").attr("name");扩展方法:1.document.getElementByName("1")可以获得name为1的这个div;2.如果你是想获得这个div中name的值可以用jquery的attr方法,原创 2016-02-27 22:18:42 · 20547 阅读 · 0 评论 -
关于 contentWindow, contentDocument
没有永恒的技术只有变态的需求,没有好说的客户只有无奈的开发者,如果iframe的出现是一个错误的话,iframe里边在来一个iframe那是错上加错,神话没有在远古的尘嚣中消失,却在怀具的今天不断上演。生活永远是一个大染缸,一块白布下去,黑布出来,一块黑布下去,一块七色布出来。contentWindow 兼容各个浏览器,可取得子窗口的 window 对象。conte原创 2016-02-26 09:08:50 · 479 阅读 · 0 评论 -
JavaScript eval处理JSON数据 为什么要加括号
由于Ajax的兴起,JSON这种轻量级的数据格式作为客户端与服务器之间的传输格式逐渐地流行起来,进而出现的问题是如何将服务器端构建好的JSON数据转化为可用的JavaScript对象。利用eval函数无疑是一种简单而直接的方法。在转化的时候需要将JSON字符串的外面包装一层圆括号:var jsonObject = eval("(" + jsonFormat + ")");为什么要加括号?原创 2016-03-10 13:19:11 · 322 阅读 · 0 评论 -
ajax跨域请求的问题
使用getJson跨域请求,需要向服务器发送一个参数callback=? $.getJSON("http://appcenter.mobitide.com/admin/appSearch.php?callback=?",{keyboard: keyboardval,searchget:1,page:1}.... $(function(){ $('#search原创 2016-02-24 21:46:09 · 383 阅读 · 0 评论 -
jQuery操作select下拉框的text值和value值的方法
这篇文章主要介绍了jQuery操作select下拉框的text值和value值的方法,需要的朋友可以参考下1、jquery获取当前选中select的text值 var checkText=$("#slc1").find("option:selected").text(); 2、jquery获取当前选中select的value值 var checkValu原创 2016-03-09 15:06:57 · 3327 阅读 · 0 评论 -
Jquery的foreach .each方法详解
each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法each处理一维数组var arr1 = [ "aaa", "bbb", "ccc" ];原创 2016-02-24 00:12:35 · 1824 阅读 · 0 评论 -
秒杀系统架构分析与实战
0 系列目录秒杀系统架构秒杀系统架构分析与实战1 秒杀业务分析正常电子商务流程(1)查询商品;(2)创建订单;(3)扣减库存;(4)更新订单;(5)付款;(6)卖家发货秒杀业务的特性(1)低廉价格;(2)大幅推广;(3)瞬时售空;(4)一般是定时上架;(5)时间短、瞬时并发量高;2 秒杀技术挑战假设原创 2016-03-08 15:39:14 · 421 阅读 · 0 评论 -
form提交前验证的几种方法
最近研究了下html中,form保单提交的几种方法,现与大家分享一下(注:网上可能已经有好多版本了,这里自己写下来做个总结了,哈!):方法一:利用form的onsubmit()函数(经常使用) Html代码 script type="text/javascript"> function validateForm(){ if(原创 2016-02-23 00:39:26 · 4107 阅读 · 0 评论 -
Datatables中文API——回调函数
推荐是用ctrl+f查找使用,有写的不对的地方,也希望大家拍砖 更多datatables在http://bbs.sailit.cn 欢迎大家来做客 fnCookieCallback:还没有使用过 $(document).ready( function () { $('#example').dataTable( { "fnCookieCallback": fu转载 2016-02-03 13:12:59 · 3392 阅读 · 0 评论 -
能说明你的Javascript技术很烂的五个原因
Javascript 在互联网上名声很臭,但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。它的低学习门槛让很多人都称它为学 前脚本语言,它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型。其实,你和Javascript都站错了立场,而现在,你让 Javascript很生气。这里有五个原因能说明你的Javascript技术很烂。原创 2016-02-16 20:56:29 · 401 阅读 · 0 评论 -
js 判断两个变量是否相等
判断两个变量是否相等是程序设计中非常重要的运算。在处理原始值时,这种运算相当简单,但涉及对象,任务就稍有点复杂。ECMAScript 提供了两套等性运算符:等号和非等号用于处理原始值,全等号和非全等号用于处理对象。等号和非等号在 ECMAScript 中,等号由双等号(==)表示,当且仅当两个运算数相等时,它返回 true。非等号由感叹号加等号(!=)表示,当且仅当两个运算数不原创 2016-03-02 22:31:35 · 990 阅读 · 0 评论 -
列表中的导航菜单的制作
效果图如下代码如下:(图片大家可以自己找)?12345678910111213141516171819202122232425262728293031323334353637383940转载 2015-12-07 13:31:03 · 471 阅读 · 0 评论 -
jQuery实现的虚拟键盘
今天的收获很大呵呵,刚刚看了这个实例,用jQuery实现的虚拟键盘。先贴个图上来看看: 大家也可以去官网看看:http://designshack.co.uk/tutorials/creating-a-virtual-jquery-keyboard摘录教程如下:For those of us who travel often, we often end up acces原创 2015-12-07 13:28:26 · 2150 阅读 · 0 评论 -
下拉框左右选择
双击之后:没有实现排序,大家可以继续改进。代码如下: ?1234567891011121314151617181920212223242526272829303132333435363738原创 2015-12-07 17:47:21 · 440 阅读 · 0 评论 -
jQuery高亮显示文本中重要的关键字
还是先看看效果再说吧:呵呵。不错吧。Demo地址:http://5thirtyone.com/sandbox/samples/fadefocus/ 很绚丽的效果幺!二、实现原理 将要高亮显示的文字加上段落标记, class=”mask”的div 做为遮罩层,使此遮罩层位于文字内容之上(z-index属性,使用Jquery给段落动态添加样式转载 2015-12-07 13:27:17 · 1474 阅读 · 0 评论 -
显示和隐藏菜单的做法
之前的效果修改之后的效果代码如下:?DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> htmlxmlns="http://www原创 2015-12-07 13:35:50 · 537 阅读 · 0 评论