代码改变世界

随笔分类 -  jQuery

JQuery上传插件Uploadify使用详解

2013-01-05 12:25 by suzh, 214 阅读, 收藏,
摘要: Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载。官方下载官方文档官方演示首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中。2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。3 在项目中添加UploadFile文件夹,用来存放上传的文件。进行完上面三步后项目的基本结构如下图:4 Default.aspx的html页的代码 阅读全文

ie中jQuery无法解析xml文件的解决方案

2012-05-31 15:01 by suzh, 762 阅读, 收藏,
摘要: 功能描述:使用jQuery解析已经定义好内容的xml文件1.xml文件:menu.xml<?xml version="1.0" encoding="gb2312"?><menus> <menu> <id>1</id> <name>system</name> <parentId>0</parentId> <target>mainFrame</target> <url></url> </menu&g 阅读全文

jQuery Ajax 全解析

2011-12-30 16:53 by suzh, 194 阅读, 收藏,
摘要: jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到).1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中。url (String) : 请求的HTML页的URL地址。data (Map) : (可选参数) 发送至服务器的 key/value 阅读全文

jQuery事件机制

2011-07-27 15:41 by suzh, 764 阅读, 收藏,
摘要: 事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件。触发实例:$("button#demo").click()上面的例子将触发 id="demo" 的 button 元素的 click 事件。绑定实例:$("button#demo").click(function(){$("img").hide()})$("button#demo").change(function(){$("img").hide()})触发、或将函数绑定到指定元素的 change 事件在jq 阅读全文

jquery each函数

2011-04-29 10:52 by suzh, 1778 阅读, 收藏,
摘要: each的委托类型$.each=function(object,callback[,args])遍例object对象或数组,以每一项作为上下文来执行一个方法。$("*").each=function(callback[,args])以每一个匹配的元素作为上下文来执行一个方法。说明 在callback中可以直接使用this指针引用数组或是对象的子元素。当callback返回false时遍例结束。(就像在普通的循环中使用'break')执行$("*").each(function(name,object){})就相当于执行$.each($(& 阅读全文

jQuery CheckBox全选

2011-03-25 11:18 by suzh, 423 阅读, 收藏,
摘要: $(function(){ $('#inputChkAll').click(function(){ $("input[name='chkJob']").attr("checked", $(this).attr("checked"));//注意此处 });});代码如上,#inputChkAll用来全选或者全不选的CheckBox控件,其控制了name='chkJob'这个复选组。根据inputChkAll的勾选状态$(this).attr("checked")来这是c 阅读全文

$.ajax概述

2011-03-21 09:50 by suzh, 465 阅读, 收藏,
摘要: 出现JQuery后,使AJAX变得更加容易实现。JQuery中,AJAX的高层实现主要有$.get(),$.post()等,下面详细介绍一下$.ajax()的使用方法1、请求页面AJAX.aspxjs代码如下: <script type="text/javascript"> function Text_ajax() { $.ajax( { type:"GET",//通常会用到两种:GET,POST。默认是:GET url:"ResponseText.aspx",//(默认: 当前页地址) 发送请求的地址 dataType: 阅读全文

jQuery 万能的选择器

2011-01-18 17:15 by suzh, 702 阅读, 收藏,
摘要: 一.摘要本章讲解jQuery最重要的选择器部分的知识. 有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象, 可以明显减轻开发人员的工作量. 二.前言编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如"拥有title属性并且值中包含test的a元素", 完成这些工作只需要编写一个jQuery选择器字符串. 学习jQuery选择器是学习jQuery最重要的一步. 三.Dom对象和jQuery包装集无论是在写程序还是看API文档, 我们要时刻注意区分Dom对象和jQuery包装集.1.D 阅读全文