摘要：jBox 是个不错的对话框组件。在 ASP.NET Form 中使用 jBox 的时候，在按钮注册的客户端点击事件中，会发现不能弹出对话框问题。表现为页面一闪就提交了，导致对话框一闪而过，甚至根本看不到。导致模式对话框失败。首先，按钮会有默认处理，对于普通的 ASP.NET 按钮来说，会导致表单的提交，提交表单导致了页面的刷新。所以，为了不提交表单，就需要阻止按钮默认的行为，这可以通过下面的代码实现。function stopDefault( e ) { // Prevent the default browser action (W3C) if ( e && e.preven
阅读全文
摘要：看到过一篇关于 CSS 的文章，其中说到：对于类似 li#first 这样的选择器，由于使用 id 就已经可以确定元素了，没有必要再写上前面的 li, 直接写上 #first 这样的 id 选择器就可以了。听起来说得不错，简单测试一下也没有问题。
可是，我们经常看到带有元素名称的选择器，例如，在微软的项目模板中就有大量的带有元素名称的选择器，如果没有用的话，为什么要这样写呢？
阅读全文
摘要：我们开发ASP.NET站点时，如果将jQuery UI Datepicker与ASP.NET的验证控件（如：RequiredFieldValidator）组合使用：<asp:TextBoxID="txtDate"runat="server"></asp:TextBox><asp:RequiredFieldValidatorID="reqDate"runat="server"ControlToValidate="txtDate"ErrorMessage="*
阅读全文
摘要：转载：Js中的window.parent ,window.top,window.self 详解 在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），self是当前窗口， opener是用open方法打开当前窗口的那个窗口。window.self功能：是对当前窗口自身的引用。它和window属性是等价的。语法：window.self注：window、self、window.self是等价的。window.top功能：返回顶层窗口，即浏览器窗口。语法：window.top注：如果窗口本身就是顶层窗口，
阅读全文
摘要：根据 W3C DOM 2 Events 描述，EventTarget 接口被所有支持 DOM 事件模型的节点（Node）实现。 该接口提供了 'addEventListener' 和 'removeEventListener' 方法，用来绑定或解绑一个 EventListeners 接口到一个 EventTarget。DOM 2 Events 中定义了 Event 接口，用来提供事件的上下文信息，它提供了若干标准属性和方法。 实现 Event 接口的对象一般作为第一个参数传入事件处理函数，以用来提供当前事件相关的一些信息。事件注册根据 DOM 2 Events
阅读全文
摘要：通过 WCF 与页面进行 Ajax 进行数据传递非常方便，可以，遇到日期类型就不同了。WCF 通过 JavaScriptSerializer将日期格式化为特殊的格式：\/Date(1318287600+0100)\/，实际上传递到页面上的是一个字符串。而不是真正的 JavaScript 日期。同样，当浏览器想要向服务器传递日期类型的数据时也必须通过这种特殊的字符串来提供数据。为了解决这个问题，可以使用下面的方法为 jQuery 扩展一个数据转换的方法。// 为 jQuery 扩展一个解析 wcf 日期的方法jQuery.extend( { w...
阅读全文
摘要：JSON 格式json 是 Ajax 中使用频率最高的数据格式，在浏览器和服务器中之间的通讯可离不开它。JSON 的格式说明可以在可以这里看到，非常详细，还是中文的。JSON 格式说明需要特别注意的是，在 JSON 中的属性名是需要使用引号引起来的。jQuery 中使用 JSONjQuery 是现在使用广泛的脚本库，那么，在 jQuery 中如何使用 JSON 呢？解析 JSON在 jQuery 中已经提供了对于解析 JSON 的内在支持，jQuery.parseJSON 函数提供了解析的支持，详细的说明见这里。var obj = jQuery.parseJSON('{"na
阅读全文
摘要：这里的例子使用 jQuery UI 1.8.6示例效果可以看 jQuery 网站中的例子。手风琴效果将多个内容组织到多个逻辑组中，通过选择组的标题可以展开或者收缩组中的内容，使用效果很像 Tab，作为备选，还可以通过将鼠标放置到标题上来展开或者收缩。使用这个组件需要引用 jQuery 脚本库，core, widget, accordion 脚本库。<script src="scripts/jquery-1.6.2.js"></script><script src="scripts/jquery.ui.core.js">
阅读全文
摘要：在 jQuery UI AutoComplete 中，除了直接使用字符串还可以使用自定义的数据。自定义的数据假设我们自定义的数据格式如下所示：每个数据有四个属性，我们希望取得 label 属性的值，desc 的内容被用来作为说明。icon 是一个图标，value 是准备对象的标识。var projects = [ { value: "jquery", label: "jQuery", desc: "the write less, do more, JavaScript library", icon: "jquery_32x3
阅读全文
摘要：介绍在 jQuery UI 的最近更新中增加了自动完成控件AutoComplete，这为我们提供了又一个强大的开发工具，这里介绍一下这个控件的使用方式。首先，jQuery UI 是基于 jQuery 的，所以，必须在你的页面中首先引用 jQuery 脚本库，然后再引用 jQuery UI 库，对于 jQuery UI 库来说，可以引用整个的库，也可以仅仅引用当前页面用到的库。jQuery UI 的下载地址：http://jqueryui.com/download一.基本配置一般来说，引用独立的脚本可以减小页面的尺寸，我们这里使用独立的脚本。对于 autocomplete 来说，涉及到下面的几个
阅读全文
摘要：最近比较忙，一直没有更新，先发一篇 dataTables 参数处理。对于 dataTables 来说，当使用服务器端分页的时候，会向服务器传递多个参数，在服务器端根据这些参数来进行服务器端的分页处理。这些参数比较多，详细地说明见 使用 jQuery dataTables - 2 四种数据来源。对于服务器端来说，显然需要将这些参数进行解析，以方便使用，下面的代码将请求参数解析为一个 C# 的对象，这样，服务器端就可以方便地使用这些参数了。代码由有比较详细的注释，也可以点击这里直接下载代码。using System;using System.Collections.Generic;using Sy
阅读全文
摘要：四种数据来源对于 dataTables 来说，支持四种表格数据来源。最为基本的就是来源于网页，网页被浏览器解析为 DOM 对象，在 dataTables 中称为 DOM 来源。$(document).ready(function() { $('#example').dataTable();} );第二种数据来源为数组， JavaScript 中的数组，通过在初始化对象中传递一个名为 aaData 的数组，同样可以提供表格数据，前缀 aa 说明这是一个数组的数组，外层的数组表示表格的行，每一行同样是一个数组。$(document).ready(function() { $(
阅读全文
摘要：jQuery 的插件 dataTables 是一个优秀的表格插件，提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。dataTables 的网站上也提供了大量的演示和详细的文档进行说明，为了方便学习使用，这里一步一步进行说明。首先，需要到 dataTables 的网站 http://www.datatables.net/ 下载这个脚本库，目前的版本是 1.7.5，下载的压缩包中使用的 jQuery 是 1.4.4 。现在 jQuery1.5.1 已经发布，所以，这里使用最新的 jQuery 1.5.1 。然后，在网页中先加入 jQuery 的引用，然后，加入 dataTable
阅读全文
摘要：上一篇文章分享了一下 jQuery UI dialog 的简单使用，看到这么多同学都在学习，就将 jQuery UI dialog 的使用总结一下，也为学习其他的 jQuery UI 打个基础。初始化参数对于 dialog 来说，首先需要进行初始化，在调用 dialog 函数的时候，如果没有传递参数，或者传递了一个对象，那么就表示在初始化一个对话框。没有参数，表示按照默认的设置初始化对话框，在当前最新版本的 jQuery UI1.8.9 中，dialog 支持下列属性。autoOpen 初始化之后，是否立即显示对话框，默认为 truemodal 是否模式对话框，默认为 falsecloseOn
阅读全文
摘要：今天用到了客户端的对话框，把 jQuery UI 中的对话框学习了一下。准备 jQuery 环境首先，我们创建一个按钮，点击这个按钮的时候，将会弹出一个对话框。[代码]为了设置这个按钮点击的事件，需要准备 jQuery 的环境。[代码]在 ready 中设置按钮的点击事件。[代码]确认这一步没有问题。准备对话框第二步，需要准备对话框的内容。这些内容来自 jQuery UI 的演示文件。[代码]为了使用 jQuery UI 的对话框，需要增加这些文件的引用。[代码]增加样式jQuery UI 中使用了大量的样式来修饰，需要引用 jQuery UI 的样式，注意，jquery.ui.all.css
阅读全文
摘要：前几篇文章中的示例代码，去掉了几个 bug, 这里一起提供下载。jQuery 核心模拟的代码jQuery 数据管理的代码jQuery 事件处理的代码jQuery ajax 模拟代码jQuery extend 的代码测试页面：[代码]
阅读全文
摘要：为了方便查阅，将最近的 jQuery 原理模拟代码整理一个目录。JQuery 原理jQuery1.3.2 源码学习-5 jQuery 中的原型jQuery 的原型关系图jQuery 原理的模拟代码 -1 核心部分jQuery 原理的模拟代码 -2 数据部分jQuery 原理的模拟代码 -3 事件处理...
阅读全文
摘要：对于 xhr 对象来说，我们主要通过异步方式访问服务器，在 onreadystatechange 事件中处理服务器回应的内容。简单的 xhr 使用如下所示。Code highlighting produced by Actipro CodeHighlighter (freeware)http://w...
阅读全文
摘要：在上两篇文章中，我们看到每次要通过 jQuery 的原型增加共享方法的时候，都需要通过 jQuery.fn 一个个进行扩展，非常麻烦，jQuery.fn.extend 提供了一个扩展机制，可以方便我们通过一个或者多个示例对象来扩展某个对象。如果没有指定被扩展的对象，那么将扩展到自己身上。jQuery...
阅读全文
摘要：在 jQuery 中，实际注册的事件处理函数是一个匿名的闭包函数，这个函数最终都是通过调用 jQuery.event.handle 进行处理的。在对象的私有扩展对象上，专门增加了一个名为 events 的事件管理对象，在这个对象上每种事件分别对应一个同名的属性，这个属性的值是一个数组，针对这个事件的...
阅读全文
