JQUERY
文章平均质量分 69
蓝色水
一个在海边拾贝壳的大男孩
2002年毕业于上海市交通大学上中路校区,曾参与微软ALL-IN-ONE-CODE FRAMEWORK项目并对WPF,C++,C#,Winform的MSDN论坛支持多年,专注于net的技术体系十多年,对DDD领域设计net的部署实施有独到见解和经验,并对JAVA的架构体系的数据持久化,AOP,分布式事务,单点登录,多业态权限设计,分布式日志系统有实际项目运用案例,致力于传统行业的HR,OA,费控,业绩,移动平台化整合,ERP改造以及云部署。
展开
-
ajaxFileUpload上传文件简单示例
写在前面: 上传文件的方式有很多,最近在做项目的时候,一开始也试用了利用jquery的插件ajaxFileUpload来上传大文件,下面,用一个上传文件的简单例子,记录下,学习的过程~~~ 还是老样子,上代码最明了啦。。 前台jsp页面:<%@ page contentType="text/html;charset=UTF-8" language="j...转载 2018-12-04 10:13:01 · 581 阅读 · 0 评论 -
Jquery的img附加在UL下以及img附加在div下
Jquery的img附加在UL下的代码是://增加到UL后面 var liObj = $("").attr("id", "topic"); var imgObj = $("").attr("src", "images/" + sessionStorage.getItem("Topic" + SubjectNumber) +原创 2016-03-09 13:13:30 · 2293 阅读 · 0 评论 -
分享朋友圈提示使用app分享功能
这边如果无法使用类似 location.href = "http://ttjj-huodong-weixin-share/";来调用app分享的话,可以使用提供一个图片来导引用户。 .guide{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color:原创 2016-03-31 16:12:15 · 1509 阅读 · 0 评论 -
jQuery中return false,e.preventDefault(),e.stopPropagation()的区别
e.stopPropagation()阻止事件冒泡 冒泡事件测试 我们先看这段代码: $(function () { $("table").click(function () { alert("tab转载 2016-02-04 16:45:16 · 344 阅读 · 0 评论 -
jQuery插件开发全解析
jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例转载 2016-02-04 16:38:40 · 351 阅读 · 0 评论 -
实现jQuery扩展总结
实现jQuery扩展总结开发自己需要的jQuery插件,看个示例说明"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> new document /*jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类转载 2016-02-04 13:56:06 · 361 阅读 · 0 评论 -
jQuery源码解析1(Utilities)
使用jquery两年多了, 我最早是使用的是prototype库,后来使用mootools, 直到后来弟弟推荐我使用jquery(他是个UI设计师),就一直用到现在。 我是被它的简洁和精炼所吸引的。 我喜欢看源代码,以前开发eclipse rcp时,就喜欢看eclipse的源码,因为有时候API文档并不那么明了,eclipse优秀的架构配合JDT强大的功能,让我们很容易地看懂。转载 2016-02-06 10:43:23 · 695 阅读 · 0 评论 -
JavaScript插件化开发教程 (二)
1),如果项目技术选型换了这些插件又是强依赖“jQuery”机制,我们以前写的插件将会不能用(假设不用jQuery的情况),如何做重构那?(2),重构插件的关键逻辑,我们将如何组织那?好了,带着问题去学习今天的文章吧。首先我不是否定“jQuery插件的方式”,其次是我们要从不同的角度分析问题,比如说“jQuery插件有如下优点”:(1),把全部代码放在闭包(一个即时转载 2016-01-11 16:36:47 · 427 阅读 · 0 评论 -
jQuery.extend 函数详解
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并转载 2015-12-25 14:42:33 · 326 阅读 · 0 评论 -
jquery 获取url参数插件实例代码
为你提供三种关于jquery 获取url参数插件实例代码哦,最后一款是告诉你如何获取url参数,如果分析,并且如何对url进行处理得到我们想要的数据。为你提供三种关于jquery 获取url参数插件实例代码哦,最后一款是告诉你如何获取url参数,如果分析,并且如何对url进行处理得到我们想要的数据。jquery获取url地址jquery.fn.getparmbyurl转载 2016-03-22 16:10:50 · 896 阅读 · 0 评论 -
给表格式按钮边框点击变色--css制作表格式按钮(2)
这边先给出制作样式: 这边想对每个按钮在点击的边框改变样式,用each和click的结合实现最好不过,上jquery代码: $("#filterMenu a").each(function () { //this.id = i;// 设置每个a标签的id为自增id //i++; $(this).cl原创 2016-04-05 13:40:54 · 1062 阅读 · 0 评论 -
avascript判断图片是否加载完成方法整理
有时候我们在前端开发工作中为了获取图片的信息,需要在图片加载完成后才可以正确的获取到图片的大小尺寸,并且执行相应的回调函数使图片产生某种显示效果。本文主要整理了几种常见的javascipt判断图片加载完成时的方法,并通过代码与实际应用相结合进行解释与说明。onload方法通过向img标签添加onload属性,并填入相应的函数来执行后续的javascipt代码。如下代码例子中img元转载 2016-03-24 15:11:28 · 442 阅读 · 0 评论 -
JQUERY FileUpload的问题
Close 附件上传原创 2017-01-05 17:48:31 · 521 阅读 · 0 评论 -
区别和详解:jQuery extend()和jQuery.fn.extend()
1、认识jQuery extend()和jQuery.fn.extend()jQuery的API手册中,extend方法挂载在jQuery和jQuery.fn两个不同对象上方法,但在jQuery内部代码实现的是相同的,只是功能却不太一样;且看官方给出解释:jQuery.extend(): Merge the contents of two or more objects togethe转载 2016-06-22 11:20:16 · 393 阅读 · 0 评论 -
Javascript 严格模式详解
一、概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的,主要有以下几个: - 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为; - 消除代码运行的一些不安全之处,保证代码运行的安全;转载 2016-05-17 10:13:00 · 233 阅读 · 0 评论 -
select的find选择器偶尔失效
select的find选择器偶尔失效,可以使用 $(inputLst[i]).attr('value', resultStr);源代码如下: for (var i = 0; i < spanLst.length; i++) { //$(inputLst[i]).val($(spanLst[i]).text());原创 2016-05-16 12:43:33 · 489 阅读 · 0 评论 -
js/jquery去掉空格,回车,换行示例代码
uery:$("#accuracy").val($("#accuracy").val().replace(/\ +/g,""));//去掉空格.replace(/\ +/g,"") //去掉空格方法$("#content").val($("#content").val().replace(/[ ]/g,"")); //去掉空格.replace(/[ ]/g,"")//转载 2016-05-16 12:41:00 · 2746 阅读 · 0 评论 -
jquery如何判断某元素是否具备指定的样式
分为以下2种情况: 1.如果css写成行内样式,可以通过获取style属性的值来判断,示例如下: 判断id为divid的div元素是否有font-size样式: 复制代码代码如下: jquery代码如下: jQuery("#divid").each(function(){ var fontSize = $(this).attr("style").indexO转载 2016-05-04 18:03:30 · 6783 阅读 · 0 评论 -
jquery获取子节点和父节点的示例代码
一、获取子节点 比如是一个 id 为 test 的 div元素,我们这样选中,$('#test'),我们要查找这个div下的一个class为demo的span元素,有一下几种方法 1、使用筛选条件 $('#test span.demo') 2、使用find()函数 $('#test').find('span.demo') 3、使用children()函数转载 2016-04-28 17:36:32 · 617 阅读 · 0 评论 -
如何使用swiper
大家都知道如何运用swiper,我只是罗列我在做项目时候的流程,当然大家可以去http://www.swiper.com.cn/看具体例子和一些特殊式样。 我这里涉及两个page,测一测和摇一摇,所以这边定义两个div而且带轮播底部。 看看自己适合买基金吗?"> 看看自己适合买基金吗?原创 2016-03-15 13:07:38 · 1527 阅读 · 0 评论 -
JQuery 弹出层以及遮罩层,始终显示在屏幕正中间 方法二
上一篇是关于遮罩层的展示: 链接地址为:http://xutao5641745.iteye.com/blog/1310955 样式代码:.model{ position: absolute; z-index: 1003; width:320px; height:320px; text-align:center; back转载 2015-12-16 12:57:41 · 3837 阅读 · 0 评论 -
jquery 弹出浮层(div) + 遮蔽层 方法一
http://www.w3.org/1999/xhtml" > test .pop-box { z-index: 9999; /*这个数值要足够大,才能够显示在最上层*/ margin-bottom: 3px; display: none;转载 2015-12-16 12:55:58 · 5803 阅读 · 0 评论 -
javascript中each()方法的简单实现
ach()用来遍历每个元素并作出相应的处理,下面是简单的实现:方法一(直接函数调用): 代码如下复制代码function each(obj,fn){ if(!fn) return; if(obj instanceof Array){//数组 var i = 0, len = obj.length; for(;i i转载 2015-12-29 18:14:53 · 1745 阅读 · 0 评论 -
jquery的extend和fn.extend
jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object);jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方法。 fn 是什么转载 2015-09-22 15:25:54 · 360 阅读 · 0 评论 -
jQuery.extend 函数详解
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并转载 2015-09-22 13:41:11 · 445 阅读 · 0 评论 -
jQuery的发展史,你知道吗?
每天多学一点知识,就少写一行代码2006年1月,jQuery的第一个版本面世,至今已经有6年多了(注:这个时间点是截止至出书时间)。虽然过了这么久,但它依然以其简洁、灵活的编程风格让人一见倾心。在本篇文章中,我们将讲述jQuery的发展历史,让读者对jQuery有更多的了解。2005年8月,John Resig提议改进Prototype的“Behaviour”库,于是他在blog上发表转载 2015-10-09 09:03:49 · 473 阅读 · 0 评论 -
JavaScript判断内容不为空,且不能只是空格
String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); } a = " "; if(a.replaceAll(" ","").length==0){ alert("全是空格"); } //-->转载 2015-10-21 14:37:05 · 2316 阅读 · 0 评论 -
通过JS语句判断WEB网站的访问端是电脑还是手机
通过JS语句判断WEB网站的访问端是电脑还是手机,以显示不同的页面!目录腾讯网的适配代码如何判断访问网站的机器类型-如何判断ipadJS 判断浏览器客户端类型(ipad,iphone,android)"text/javascript"> //平台、设备和操作系统 var system = { win: false,转载 2015-10-22 12:41:02 · 612 阅读 · 0 评论 -
使用jquery操作session方法分享
摘要: 今天分享的是使用jquery来处理session。我们将使用sessionStorage对象,它类似与localStorage对象,只是sessionStorage是用来储存session数据的。当用户关闭浏览器这个数据会被清除掉。简介: JquerySession是一个基于jquery的用来处理session的库,使用它可以简化我们的工作。在使用之前需要引入j转载 2015-11-04 08:59:23 · 6804 阅读 · 1 评论 -
jQuery中removeClass()方法用法实例
本文实例讲述了jQuery中removeClass()方法用法。分享给大家供大家参考。具体分析如下:此方法从匹配元素删除一个或多个类。根据方法参数的不同,有以下几种语法结构。语法结构一: 方法没有参数。把匹配元素所有的类都移除。复制代码代码如下:$(selector).removeClass()实例代码:代码可以将div的所有cs转载 2015-09-29 09:37:59 · 2960 阅读 · 0 评论 -
JQuery为元素添加样式
由于jquery支持css3,所有能很好的兼容很多浏览器,所以通过jquery来使用css样式比较好 为定义好的css样式可以调用元素的css方法添加样式 $("span").css("css属性名","属性值") 如 $("span").css("color","red") 将标签为span的字体都设为红色的转载 2015-09-30 08:59:04 · 737 阅读 · 0 评论 -
如何格式化被压缩的JS代码方便阅读
本文分两部分:1、转载部分2、个人补充部分1、主题内容转载83,http://www.madeby83.com/unzip-the-js-code.html还原网站上压缩的js代码我们经常可以看到一些网站,把所需的javascript代码压缩成一行,就像下图这样这种代码浏览器能读懂,但正常人是没法阅读的。既然浏览器能读,浏览器当然也能还原这段转载 2015-09-22 13:23:40 · 11025 阅读 · 0 评论 -
Jquery+ashx实现Ajax
一 Ajax的实现方式1、使用一般的webform,在页面用jQuery ajax调用,再从取得的html数据中取得内的内容,写入DOM优点:不用改变现有的asp.net开发模式,可以使用现成的页面;ajax取得的内容是html文本,直接写入DOM即可 缺点:内容浪费,之外的内容都不是必要的,而且如果使用了MasterPage那就。。。2、使用一般的webform,但是转载 2015-09-23 18:08:11 · 551 阅读 · 0 评论 -
移动端获取屏幕宽度
目录:1$(window).width()2scrollWidth3让平台返回屏幕宽度概述:今天聊一个开发移动端经常碰到的一个问题:如何获取屏幕宽度,获取屏幕的办法有很多,今天总结一下各个方法的优点、缺点。$(window).width():用jQuery或者zepto获取屏幕宽度的方法最为简单,但是在Android平台上,有时会转载 2015-10-13 13:28:01 · 3557 阅读 · 0 评论 -
.ajax设置成同步的应用场景
原来一直觉得ajax的defer方式已经是多余,现在才觉得asyn:false设置成同步方式都是有用的。打个比方,在ready页面加载又要保存切换选项卡状态又要保存前一搜索结果的话,就有用。 $.ajax( { type: "post", url: "./HelpCenterTabSwitch.as原创 2015-11-16 10:39:27 · 2197 阅读 · 0 评论 -
UL下的LI用正则表达式替换样式
最先我想到是在UL下填充好在替换发觉结果差强人意,没有真正改变样式: $("#UlContent li").each(function (index) { // alert(index + ': ' + $(this).text());原创 2015-09-24 15:15:51 · 1240 阅读 · 0 评论 -
css防止ul下的li换行(li超出宽度变成…)代码
在使用css结合div布局的时候碰到了一个问题。在一个规定宽度大小的ul里边 我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。例如宽度为210px的ul里 分别有4个li 这个4个li的宽度根据它们的自身内容长度为80px、120px、140px、80px。我需要的效果是4个li向左自动排列。当第三个li和前两个li的长度之和大于ul的宽度时候 第三个li则会下转载 2015-09-24 18:28:04 · 7054 阅读 · 0 评论 -
JQUERY 动态删除LI
我们有时候知道UL的id,但是苦不堪言的找不到LI进行清除,这边有一些办法可以参考,设置Li的id是不错的方法,但是千万别设置成一个ID,到时候删除只会删除第一个可以使用$("#ul li").not(":first").remove(); 这个方式可以删除不是第一个li的其他所有li.我这边是用:$(document).ready(function(){原创 2015-09-24 13:32:06 · 9086 阅读 · 0 评论 -
jquery 动态为ul添加li
//获取行业信息,在页面点击父类行业下拉框,查询出所有的父类行业,并加载在下拉框中$("#parentIndustry").click(function(){$.ajax({url:"${ctx }/buser/web/allParentIndustry",type:"post",datatype:"json",success:function(data){var da转载 2015-09-24 13:06:19 · 56074 阅读 · 4 评论 -
UL里面动态增加Li
可以使用上面的办法来手动增加UL和LI组合。原创 2015-09-24 10:37:42 · 1688 阅读 · 2 评论