随笔 - 85,  文章 - 2,  评论 - 36,  阅读 - 53万

随笔分类 -  jQuery

BootStrap Progressbar 实现大文件上传的进度条
摘要:1.首先实现大文件上传,如果是几兆或者几十兆的文件就用基本的上传方式就可以了,但是如果是大文件上传的话最好是用分片上传的方式。我这里主要是使用在客户端进行分片读取到服务器段,然后保存,到了服务器段读取完了之后将分片数据进行组合。2.前端代码如下: HTML5大文件分片上传示例 ... 阅读全文
posted @ 2015-08-05 17:07 千里烟波226 阅读(11513) 评论(0) 推荐(1) 编辑
JQuery UI进度条——Progressbar
摘要:1、先引入jquery和jquery-ui的js,例子如下: 可以使用div来作为显示进度条的载体:将上面的div变成进度条:一运行例子就明白三、要进度条动起来怎么办?做个小实验,修改jquery代码如下:运行,看是什么结果,进度条没变化,每次弹出框的值都是30吧!为什么捏?因为.pr... 阅读全文
posted @ 2015-08-05 14:46 千里烟波226 阅读(3116) 评论(0) 推荐(0) 编辑
Ajax 的同步与异步
摘要:1、Ajax的工作原理如图: 2、同步XMLHttpRequest 对象用于和服务器交换数据。XMLHttpRequest 对象如果要用于 AJAX 的话,其 open() 方法的 async 参数必须设置为 true:xmlhttp.open("GET","ajax_test.html",tru... 阅读全文
posted @ 2015-08-03 15:51 千里烟波226 阅读(154) 评论(0) 推荐(0) 编辑
gridview checkbox从服务器端和客户端两个方面实现全选和反选
摘要:GridView中的checkbox的全选和反选在很多的地方都是要求实现的,所以下面就从服务器端和客户端两个方面实现了checkbox的选择,感兴趣的朋友可以了解下,希望本文对你有所帮助GridView中的checkbox的全选和反选在很多的地方都是要求实现的,所以下面就从服务器端和客户端两个方面实... 阅读全文
posted @ 2015-06-25 17:18 千里烟波226 阅读(597) 评论(0) 推荐(0) 编辑
jQuery学习之九-----jQuery解析XML文件序(自己写的)
摘要:1、主要的业务逻辑就是客户要求点击添加按钮能够将参加会议的参加人添加进去,然后点击删除按钮能够将其删掉,但是前提是点击添加之后不仅要在web前段加上所添加的那个人,而且还有在缓存中保存所添加的人员。因为点击添加按钮不是要和服务器端做交互。点击提交审批的时候才是要和服务器端做交互。部分代码如下:View Code 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quo 阅读全文
posted @ 2012-05-11 00:17 千里烟波226 阅读(1082) 评论(1) 推荐(0) 编辑
jQuery学习之八-----jQuery解析xml文件(摘录)
摘要:最近写ipad客户端,需要用到jquery,所以学习一下,用到了jquery如何解析xml文件,和大家分享一下。1、首先建立一个City.xml文件View Code 1 <?xml version="1.0" encoding="utf-8" ?> 2 <provinces> 3 <province name="湖北"> 4 <city>武汉</city> 5 <city>黄石</city> 6 <city>宜昌</city> 阅读全文
posted @ 2012-05-11 00:06 千里烟波226 阅读(3111) 评论(0) 推荐(0) 编辑
jQuery学习之七-----jQuery效果
摘要:1、jQuery的切换jQuery toggle() 函数使用 show() 或 hide() 函数来切换 HTML 元素的可见状态。隐藏显示的元素,显示隐藏的元素。语法:$(selector).toggle(speed,callback)speed参数可以设置这些值:"slow", "fast", "normal" 或 毫秒。实例:1 $("button").click(function(){2 $("p").toggle();3 });callback参数是在该函数完成之后被执行的函数名称。 阅读全文
posted @ 2012-05-07 13:53 千里烟波226 阅读(3959) 评论(0) 推荐(4) 编辑
jQuery学习之六-----重命名jQuery库
摘要:jQuery 名称冲突jQuery 使用 $ 符号作为 jQuery 的简介方式。某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。jQuery 使用名为 noConflict() 的方法来解决该问题。var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。 1 <html> 2 <head> 3 <script type="text/javascript" src="/jquery/jquery.js"></script& 阅读全文
posted @ 2012-05-03 16:39 千里烟波226 阅读(3317) 评论(0) 推荐(0) 编辑
jQuery学习之五-----jQuery选择器
摘要:jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 <p> 元素.class.class$(".intro.demo")所有 class="intro" 且 class="demo" 的元素:first$("p:firs 阅读全文
posted @ 2012-05-03 16:26 千里烟波226 阅读(255) 评论(0) 推荐(1) 编辑
jQuery学习之四-----document ready文档就绪函数
摘要:有好多的jQuery函数位于一个document ready函数中,$(document).ready(function(){--- jQuery functions go here ----});这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:试图隐藏一个不存在的元素获得未完全加载的图像的大小 阅读全文
posted @ 2012-05-03 16:11 千里烟波226 阅读(1581) 评论(0) 推荐(0) 编辑
jQuery学习之三-----AJAX和jQuery
摘要:1、使用 $(selector).load(url) 来改变 HTML 内容。View Code 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>使用 $(sele 阅读全文
posted @ 2012-05-03 15:01 千里烟波226 阅读(290) 评论(0) 推荐(0) 编辑
jQuery学习之二-----css操作
摘要:jQuery 拥有三种用于 CSS 操作的重要函数:$(selector).css(name,value)$(selector).css({properties})$(selector).css(name)1、css() 改变html元素的css属性,将所有匹配元素的单个样式属性设置为一个值,如果提供一个数字,则该数字将自动转换为像素值。View Code 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm 阅读全文
posted @ 2012-05-03 14:16 千里烟波226 阅读(302) 评论(0) 推荐(0) 编辑
jQuery学习之一-----jQuery常用的函数用法
摘要:1、hide()函数隐藏View Code 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title></title> 5 <script src=&quo 阅读全文
posted @ 2012-05-03 12:02 千里烟波226 阅读(408) 评论(0) 推荐(0) 编辑


< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示