文章分类 - Jquery资料
摘要：var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)myDate.getHours(); //获取当前小时数(0-23)myDate.getMinute
阅读全文
摘要：本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) jQuery中的Ajax从零开始学习jQuery (七) jQuery动画-让页面动起来!从零开始学习jQuery (八) 插播:jQuery实施方案从零开始学习jQuery (九) jQuery工具函数从零开始学习jQuery (十) jQueryUI常用功能实战从零开始学习jQu
阅读全文
摘要：1、无参数的方法调用asp.net code：view plaincopy to clipboardprint?using System.Web.Script.Services;[WebMethod]public static string SayHello(){ return "Hello Ajax!";}using System.Web.Script.Services;[WebMethod]public static string SayHello(){ return "Hello Ajax!";}注意：1.方法一定要静态方法，而且要有[WebMet
阅读全文
摘要：$.ajax( properties )使用HTTP请求（XMLHttpRequest）载入一个远程页面。这是jQuery的低级AJAX实现。要查看高级抽象，见$.get、$.post等。高级的内容经常被很简单地理解和使用，但是不提供更多的方法（例如错误回调）。$.ajax()返回创建好的XMLHttpRequest对象。多数情况下并不需要直接操纵这个对象，但是如果需要手动中止请求，它也是可用的。注意：要确保服务器返回正确的MIME类型（例如：XML是“text/xml”）。如果返回了错误的MIME类型就会导致jQuery无法处理的严重问题。支持的数据类型包括（见dataType选项）：&qu
阅读全文
摘要：Default.aspx :<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”Default.aspx.cs” Inherits=”_Default” %><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head
阅读全文
摘要：jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到).1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。url(String) : 请求的HTML页的URL地址。data(Map) : (可选参数) 发送至服务器的 key/value 数据
阅读全文
摘要：load$("#result").load("aaaa.asp #ccc");复制代码get$.get("aaaa.asp", { action:"get",name:"lulu" }, function(data, textStatus){ $("#result").html(data); //alert(this);//alert(data);//alert(textStatus); });复制代码post$.post("aaaa.asp", { ac
阅读全文
摘要：调用load方法的完整格式是：load( url, [data], [callback] ),其中url：是指要导入文件的地址。data：可选参数；因为Load不仅仅可以导入静态的html文件，还可以导入动态脚本，例如PHP文件，所以要导入的是动态文件时，我们可以把要传递的参数放在这里。callback：可选参数；是指调用load方法并得到服务器响应后，再执行的另外一个函数。一：如何使用data1.加载一个php文件，该php文件不含传递参数$("#myID").load("test.php");//在id为#myID的元素里导入test.php运行后的
阅读全文
摘要：本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的地方的话，欢迎把你的版本粘贴在评论中!1. 如何修改jQuery默认编码（例如默认UTF-8改成改GB2312）：$.ajaxSetup({ ajaxSettings:{ contentType:"application/x-www-form-urlencoded;chartset=GB2312"} });2. 解决jQue
阅读全文
摘要：在这篇文章中，我将列出图表，图形和数据可视化的最佳软件，从创建基本的2D图表到产生复杂的数据集的数据可视化，这些PHP，Javascript、Flash的图表，对于任何一个严谨的开发者都是必须一览的。1.Fusion ChartsFusionCharts v3帮助创建Web或企业应用的动画/交互的图表。企业级图表组件支持PCs, Macs, iPads, iPhones，以及大量其他的手机设备。2.MaanibXML/SWF图表是个简单、强大的工具，支持XML数据创建吸引人的图表。XML提供灵活的数据生成，而Flash提供最好的图像质量。3.JP GraphJpGraph是面向对象的PHP图形
阅读全文
摘要：因为项目中需要用到图表生成，所有Google了下，找到了这个插件，顺带写了个DEMO。点击跳转官网先上三个图，分别是曲线、柱状、扇形。图表中的数据纯属于DEMO的测试数据，没有实际用意。下面讲下大致的实现步骤第一步，下载并且引用JS包（highcharts.js），theme顾名思义是放皮肤的。可以下载DEMO逐一试试就知道效果怎么样了，上图就应用了两个样式。download中放的是打印和导出成图片的js文件（貌似是通过js上传到官网，然后再下载到本地），因为项目是放到内网的所以就没有用了。第二步，实现，贴代码。?var chart;$(document).ready(function() {
阅读全文
摘要：1）Combogrid是一个jQuery插件用于为输入框添加高级自完成功能（auto-complete）。当用户输入的时候，会在输入框的下方面动态显示一个拥有分页功能的表格（Grid）控件。主页:http://combogrid.javaedintorni.it/ 2）Manifest是一个可以为多值输入增加更多惊喜的插件。Email地址中的多个收件人字段是一个非常好的例子，你可以只简单提供一般文本输入，要求用户使用分号手工分开每一个收件人。 但是移除收件人是一个费劲的事情，但是使用这个插件，你知道用户会非常高兴这种用户操作体验的。主页:https://github.com/jstayt...
阅读全文
摘要：首先祝各位木有女朋友或者木有男朋友的朋友节日快乐，希望明天过后能有情人终成眷属。。哈哈！~因为最近的项目需要用到chart制作先关的表格，所以特此从网上找了点资料，希望对各位园子里的朋友们有许些帮助，我就很开心了。1.flot chart【推荐指数：★★★★】URL:http://code.google.com/p/flot/简介：flot是一款基于JavaScript 纯净的JQuery类库，flot可以根据客户端的数据产生任意的图形。对它的使用很简单，所有的操作都是可选的。它的外观很漂亮以及具有非常好的交互能力，比如放大镜效果或者说鼠标移动效果。2.Flotr JavaScript Plo
阅读全文
摘要：Lazyload是通过延迟加载来实现按需加载，达到节省资源，加快浏览速度的目的。网上也有不少类似的效果，这个Lazyload主要特点是：支持使用window（窗口）或元素作为容器对象；对静态（位置大小不变）元素做了大量的优化；支持垂直、水平或同时两个方向的延迟。由于内容比较多，下一篇再介绍图片延迟加载效果。兼容：ie6/7/8, firefox 3.5.5, opera 10.10, safari 4.0.4, chrome 3.0效果预览模式：阈值：第 1 个加载第 2 个加载第 5 个加载第 3 个加载第 4 个加载第 9 个加载第 6 个加载第 10 个加载第 7 个加载第 8 个加载第
阅读全文
摘要：序言:上次发了几个jQuery的插件和些心得, 很多园友(也许是自己站上的)发邮件希望能提供更多的源码, 正好这次有个同学希望在自己的坛子上挂个图片裁剪以生成头像的功能, 于是帮忙写了这么个插件.也许很多园友用得着, 就一并发上来啦.正文:为了使层次分明及便于阅读, 整个解决方案如下:其中BitmapCutter.Core是图片的服务器端处理程序, 类图为:简单说明下, 更多说明可查看源码注释 :Cutter为裁剪对象, 用于存储客户端通过AJAX提交的数据.Helper为图片处理类, 包括图片翻转(RotateImage()), 图片裁剪(GenerateBitmap()).Callback
阅读全文
摘要：一.简述昨天support一同事，帮她的客户做类似下面的效果（自动完成）：以前在搜房的时候，弄过这个，调用楼盘字典：这是一个小功能，也是一个大功能。因为它可以做大，也可以做小。二.搜房的AutoComplete比如上面我们看到搜房的这个就做大了，你要看到这样一个效果，其实搜房做了这么几件事：1.数据库作业。把每天的楼盘字典存入XML,每个城市的对应一个XML.比如今天生成的bj_11_04.xml2.业务逻辑层加上Memcached。用户访问的时候，先判断Memcached里有没有，有的话走缓存，没有的话读XML，并且入缓存。3.AJAX调用4.拼音调用楼盘字典（开始做了，后来又删了，原因不详
阅读全文
摘要：这是一款腾讯UED设计的提示插件，看着肯定很眼熟吧，闲话不多说，直接上demo吧。 显示ZENG.msgbox.show(提示信息,图标类型); 隐藏：ZENG.msgbox._hide(); 几秒后自动隐藏：ZENG.msgbox.show(提示信息,图标类型,显示时长); 用法很简单，分别引用对应的css和js文件就行了，就像这样：<link rel="stylesheet"href="msgbox.css"/><script type="text/javascript"src="msgbox.js&q
阅读全文
摘要：JQuery.BlockUI是众多JQuery插件弹出层中的一个，它小巧（原版16k，压缩后10左右）,容易使用, 功能齐全，支持Iframe，支持Modal，可定制性高也意味他默认谦虚的外表。jQuery的BlockUI插件可以让你在使用AJAX时模拟同步行为，锁定浏览器(模式窗口)。当被激活时，它会防止用户活动的页面（或页面的一部分），直到它被禁用。 BlockUI添加元素的DOM，给它的外观和阻止用户交互行为。1、首先引入插件<scriptsrc="jquery.min.js"type="text/javascript"></sc
阅读全文
摘要：在《弹出层之1：JQuery.Boxy (一)》中讲到了JQuery.Boxy的基本用法，本次讲下手动创建实例，new一个boxy对象是很容易的，传递一些参数对象就能满足不同的需求了。4.1、手动创建实例<scripttype="text/javascript">$(function(){$("#a1").click(function(){//实例化一个Boxy对象varbox1=newBoxy("<h3>这个参数是显示的内容</h3>"//显示内容,{title:"标题",//
阅读全文
摘要：Boxy是一个基于JQuery的弹出层插件，它有相对漂亮的外观，功能齐全，支持iframe，支持模式窗口但相对于同样的弹出层插件BlockUI它明显笨重，但使用不那么方便。1、下载并修改插件可以在官网上下载到最新版(http://plugins.jquery.com/files/boxy-0.1.4.zip)，到我写这些文字的时候最新版为0.1.4版，下载解压后有1个主要的js文件：jquery.boxy.js;1个css文件;还有4个图片用于构成弹出层的4个圆角。将文件引入系统中，修改boxy.css，将下面的图片路径修改为项目中实际的位置，如果设置不对会引起图片失效，那时就难看了。/*将此
阅读全文
浙公网安备 33010602011771号