MYOS的博客

2008 年 9 月 28 日    jQuery 是一种 JavaScript 库，它是开发人员简化动态富 Internet 应用程序创建的最佳选择。随着基于浏览器的应用程序不断代替桌面应用程序，这些库的使用将会不断增长。在 本系列文章    中了解 jQuery，并学习如何在您的 Web 应用程序项目中实现 jQuery。 简介jQuery逐渐从其他 J

Code　　JavaScript代码　　//如果提供了事件对象，则这是一个非IE浏览器　　if ( e && e.stopPropagation )　　//因此它支持W3C的stopPropagation()方法　　e.stopPropagation();　　else　　//否则，我们需要使用IE的方式来取消事件冒泡　　window.event.cancelBu

页面 Loading 条基本人人都会用。它的原理很简单：在页头放置一个文字或者图片的 loading 状态，然后页尾载入一段 JS 隐藏掉，即根据浏览器的载入顺序来实现的简易 Loading 状态条。上图展示了传统 Wordpress 模板在浏览器中的载入顺序，Loading 条的出现和消失分布于头尾。如果我们在页面的不同位置放置多个 JS ，每个 JS 用于逐步增加 Lo

Image Upload and Auto Crop采用jQ和PHP开发的图片裁剪+上传工具，功能比较简单，所以使用起来也不复杂。主页：点击这里Demo：点击这里下载（v1.2）：点击这里JcropJcrop是一个跨浏览器的jQuery图片剪切插件，主要特性有：Attaches unobtrusively to any image

1，总是从ID选择器开始继承 在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码： XML/HTML代码div id="content">  form method="post" action=

介绍我们知道AJAX技术能够使得每一次请求更加迅捷，对于每一次请求返回的不是整个页面，也仅仅是所需要返回的数据。通常AJAX通过返回XML格式的数据，然后再通过客户端复杂的JavaScript脚本解析和渲染这些XML格式的数据。JSON（读Jason）是为了能够使得数据格式成为一种标准，更简单的被JavaScript解析。优点1、轻量级的数据交换格式2、人们读写更加

[  XML ]使用XML作为传输格式的优势：1. 格式统一, 符合标准2. 容易与其他系统进行远程交互, 数据共享比较方便缺点:1. XML文件格式文件庞大, 格式复杂, 传输占用带宽2. 服务器端和客户端都需要花费大量代码来解析XML, 不论服务器端和客户端代码变的异常复杂和不容易维护3. 客户端不同浏览器之间解析XML的方式不一致, 需要重复编写很多代码4

http://cssrainbow.cn/index.php/jquery/585.html

原文：http://cssrainbow.cn/index.php/javascript/589.html

4，对直接的DOM操作进行限制 这里的基本思想是在内存中建立你确实想要的东西，然后更新DOM 。这并不是一个jQuery最佳实践，但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。例如，你想动态的创建一组列表元素，千万不要这样做,如下所示：JavaScript代码var top_100_list = [...], // 假设这里是

8，尽量使用ID代替Class。 前面性能优化已经说过，ID选择器的速度是最快的。所以在HTML代码中，能使用ID的尽量使用ID来代替class。看下面的一个例子：CSS代码// 创建一个list  var $myList = $(#myList);  var myListItems = ;  for (i =

其实这个还是很好认的啦。呵呵this，如果是取得元素的话，则对应当前元素的对象$(this)则是当前元素被jQuery处理的对象。看看作者是怎么写的，来源：http://www.cnblogs.com/RuiLei/archive/2009/08/20/1550804.html。起初以为this和$(this)就是一模子刻出来。但是我在阅读时，和coding时发现,总不是一回事

http://cssrainbow.cn/index.php/jquery/608.html

基于jQuery的饭否输入框.相信大多数人都使用过饭否。总的来说，饭否算是国内一个不错的互联网产品。个人比较喜欢。特别是那个140字的输入框，我觉得还不错，能实时的显示 “已经输入多少字”和“还可以输入多少字”。所以，这篇文章就是来讲解如何制作一个类似的输入框。1，基本布局 所需要的元素：一个标题，一个提示字数的元素，多行输入框一个，loading图片一张，提交按钮一个。布局涉及到

  数组和字符串类型对象的方法我特容易搞混淆,所以把他列出来，免得每次取查。1、concat方法[作用] 将多个数组联合起来，这个方法不会改变现存的数组，它只返回了所结合数组的一份拷贝。[语法] arrayObj.concat(array1,array2,...)[实例]     程序代码    var array1 = new Array("1

大家都知道 win + r 在运行里输入cmd 就进入了 Command 窗口。输入框有个光标在闪，别小看它，它不仅是一个文本框，它会记录我们输入的内容，用 上/下方向键就可以查看之前输入的内容。好了，今天我们就来模拟这个效果。1，基本布局和样式 布局和样式对这个例子的影响几乎为0，所以我们随意做了一个。Demo1:http://www.cssrain.cn/demo/adva

冒泡事件小实例Div$(document).ready(function(){    $(#d1).click(function(){        alert(你点击了大DIV);    });    $(#d2).click(function(e){        alert(你点击了小DIV);        if (e

这是一个jQ插件，用它基本上就可以实现类似于本地应用程序那样的快捷键系统。这个插件的名字叫js-hotkeys，名字很普通，但是功能却非常强大。这个插件可以做到全键盘的事件处理，包括F1-F12、Del/Home/PageUp、Tab等特殊键，以及Alt、Shift、Ctrl、Space等组合键，例如Ctrl+Shift+F1等等，而且支持Windows平台下的所有浏览器。该jQ插件是

给某些区域的元素或批量的元素添加事件，一般情况下我们通过循环来实现：先找到所有对应的元素，再给它们添加相应的事件。如果学习一些W3C事件处理模式的知识，可以找到另一种实现的方法:利用事件侦听参数e。在W3C事件处理模式中：所有通过addEvent给节点元素添加的事件处理器都会给对应的事件侦听函数传回一个包含e参数的对象，在浏览器中我们可以利用e.ta

 简介符合Web2.0特征的众多网站一个明显的特点就是采用Ajax。Ajax提供了在后台提交请求访问数据的功能。其实现主要使用的是XMLHttpRequest函数，这个函数允许客户端的Javascript发送到服务器端的HTTP请求并获得返回数据。Ajax同时也是目前众多的Mashup背后的驱动力量，他们都利用Ajax来聚合不同来源的信息。理解同源策略的限制同源策略是指阻止代码获得或者更改从另一个

我在七(1).DOM的核心对象:Node 分析 和 最常见的JavaScript DOM方法一览表 2篇日志中，我详细的对DOM核心对象Node的方法和属性进行了分析和归类，建立起了JavaScript DOM 基础的知识体系图，以便我们在今后的JavaScript DOM 学习中，更方便，更高效。在我们学习之前，我还是把总结好的DOM知识体系表放在前面以方便我们查阅。Node接

级别： 中级Michael Abernethy, 产品开发经理, Optimal Auctions2009 年 7 月 20 日jQuery 允许您创建自己的插件来扩展 jQuery 的功能，也可以以此回报 jQuery 社区。本文介绍创建自己的插件的步骤，并介绍如何让它在出现在 jQuery 插件社区网页上。 简介在该系列之前的文章 使用 jQuery，第

四. 详解“0级DOM==遗留DOM”—回顾Document对象的属性和方法原本想自己写一下关于“0级DOM”的详细介绍的来，以解决 （三.HTML DOM 对象列表 & 一切从 Document 对象 开始）中遇到的一些疑惑，没想到在整理资料的过程中发现了HOWLKING 的 Bolg上已有了更好的解释说明，我发现比我写的更好，那我就引用过来了。本文来自HOWLKING 的 Bo

XHTML 是更严谨更纯净的 HTML 版本XHTML 是什么？ XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）。 XHTML 的目标是取代 HTML。 XHTML 与 HTML 4.01 几乎是相同的。 XHTML 是更严格更纯净的 HTML 版本。 XHTML 是作为一种 XML 应用被重新定义的

JavaScript基础：JS函数中声明的所有变量在整个函数中都是有定义的JS函数中声明的所有变量在整个函数中都是有定义的，这名话是什么意思呢？知道这个又有什么用呢？ 我先说一下基本概念： 变量的作用范围又称为作用域，是指某变量在程序中的有效范围。根据作用域，变量可以分为全局变量和局部变量。 全局变量的作用域是全局性的，即在整个JavaScript程序中，全局变量处处

2008 年 10 月 10 日    这个关于 jQuery 系列文章的第二篇介绍了如何将更多的交互添加到 Web 站点，以创建动态的富 Internet 应用程序（RIA）。通过本文，了解 jQuery如何综合利用用户交互生成的事件、来自 Web 站点的信息，以及更改应用程序外观的功能（无需重新加载），来轻松迅速地创建 RIA。 简介这 6个月以来，JQ

 HTML DOM 对象列表HTML DOM 对象列表对象描述Document代表整个 HTML 文档，可被用来访问页面中的所有元素Anchor代表 元素Area代表图像映射中的 元素Base代表 元素Body代表 元素Button代表 元素Ev

使用JavaScript操纵DOM，必须等待DOM加载完毕才可以执行代码，但window.onload有个坏处，它非要等到页面中的所有图片及视频加载完毕才会触发load事件。结果就是一些本来应该在打开时隐藏起来的元素，由于网络延迟，在页面打开时仍然会出现，然后又会突然消失，让用户觉得莫名其妙。我们想做的就是寻找一种方法来确定DOM被完全的加载时不用等待所有那些讨厌的图片加载完毕。必须与这种

级别： 中级Michael Abernethy, 产品开发经理, Optimal Auctions2008 年 12 月 12 日     jQuery是一种 JavaScript 库，它是开发人员简化动态富 Internet应用程序的创建过程的最佳选择。随着基于浏览器的应用程序不断代替桌面应用程序，这些库的使用将越来越广泛。您将通过本系列文章中了解jQuery

JavaScript基础：JS函数中声明的所有变量在整个函数中都是有定义的中说了一些关于作用域的一些比较难以理解的知识点，说白了就是javascript中全局变量和局部变量的区别。我觉的再加入一些关于变量的作用域的知识，这样我们会更深入的理解javascript中变量的作用域及如何的规范应用。知识扩展:1. 在JavaScript中，作用域是函数划分的，

 认识HTML DOM HTML 文档对象模型（HTML Document Object Model）定义了访问和处理 HTML文档的标准方法。HTML DOM则是专门适用与HTML/XHTML的文档对象模型。熟悉软件开发的人员可以将HTMLDOM理解为网页的API。它将网页中的各个元素都看作一个个对象，从而使网页中的元素也可以被计算机语言获取或者编辑。例如Javasc

在我们工作中大多数DOM脚本的主要任务就是在DOM文档中插入，删除和移动节点。W3C DOM提供了4种方法来修改文档树。常用的是appendChild()和insertBefore(),而removeChild()和replaceChild()很少用到。 在我们学习之前，我还是把总结好的DOM知识体系表放在前面以方便我们查阅。Node接口定义的节点类型都包含的特性和方法

六.W3C DOM之旅的第一步,文档访问 .第二节.自己动手生产一个getElementsByClass()函数3. getElementsByClass() # 通过类名查找元素getElementsByClass()方法，内建的DOM函数中并没有提供用来实现按类名查找元素的方法，因此我们需要自己动手生产一个函数来完成这一功能。只要把编写好的getElementsByClass

在第六章的两节中，我们已经深入的讨论了两个标准的DOM方法和一个自己生产的方法。 getElementById() # 通过ID属性查找元素（标准）getElementsByTagName() # 通过标签名称查找元素（标准）getElementsByClass() # 通过类名查找元素（自己生产的方法）这两个标准的强大的DOM方法人我们轻松的完成

使用jQuery制作商品放大镜效果.在一些大型的购物网站 你经常可以看到这个效果，通过放大镜效果，可以把一个小的图片的某一部位放大到清晰可见。  1.原理 首先你必须要有2张图片，一张缩略图和一张高清晰的图片。然后当鼠标在缩略图里移动时，通过计算鼠标在缩略图里的位置和比例。最后通过比例就可以得出大图要显示的部分。所以最简洁的HTML代码结构如下：

The most common JavaScript DOM methods at a glance 最常见的JavaScript DOM方法一览表 Reaching Elements in a Document ：查找或定位某一文档中元素document.getElementById(’id’) : Retrieves the element with the giv

文档对象模型:对HTML的映射基础知识回顾：DOM 即（Document Object Model），文档对象模型，DOM实际是把HTML当作XML文件来进行处理，用对象的眼光来打量HTML，可以说DOM是继HTML后Web的最有用的发明。文档对象模型（DOM）是表示文档（比如HTML和XML）和访问、操作构成文档的各种元素的应用程序接口（API）。一般的，支持Javascript

W3C DOM之旅的前奏曲，回顾前四章我在前面的四个章节中花了大量的篇幅讨论了HTML DOM和DOM的基本概念，HTML DOM 包含的对象，还有比较重要的Document对象及和Document 对象有关的属性和方法，还有第四章第二节的W3C DOM 活动列表。虽然有些烦人有些杂乱，但是花大量的时间理清这些基本概念是有必要的。最起码我们有了基本的轮廓，也为我的DOM的正式之旅提前做

 DOM 级别 0DOM 级别 0 不是 W3C 规范。而仅仅是对在 Netscape Navigator 3.0 和 Microsoft Internet Explorer 3.0 中的等价功能性的一种定义。DOM 发展过程中的关键角色有：ArborText、IBM、InsoEPS、JavaSoft、Microsoft、Netscape、Novell、the Object M

http://cssrainbow.cn/index.php/jquery/706.html