title: 用JAVASCRIPT实现表格行自动增加，同时自动向上移动有数据的行，无数据的行向下移动
author: java翅膀扑腾着

//記入行数の選択
function doSelectKey(){
//alert(”key>>>”+event.keyCode);
if(event.keyCode != 9){
event.returnValue=false;
}
}

//記入行マウスのスクロール
function doSelectRoll(){
event.returnValue=false;
}

//システム日付の取得
function getNowDate(){
var date = new Date();
var strYear = “” + date.getFullYear();
var strMonth = “” + (1 + date.getMonth());
if(strMonth.length == 1){
strMonth = “0″ + strMonth;
}
var strDay = “” + date.getDate();
if(strDay.length == 1){
strDay = “0″ [...]

当 jQuery 在2006年1月现身时，给我的第一印象，是这玩意儿构造得很精明。基于CSS选择器（CSS selectors）来打点一切，其思路相当灵巧（参考getElementsBySelector）。但链盒工事（chaining stuff）看起来更像个噱头，并且整体看来，jQuery库提供的功能并不能覆盖所有基础性的东西。因此我断定，jQuery只会昙花一现。

几个月以来，我逐渐明白自己想错了…

前言
相当不错的 Javascript 编程风格规范，建议大家采用此规范编写 Javascript。原文链接： http://dojotoolkit.org/developer/StyleGuide 。
翻译（Translated by）：i.feelinglucky{at}gmail.com from http://www.gracecode.com ，转载请注明出处、作者和翻译者，谢谢配合。
本文地址： http://code.google.com/p/grace/wiki/DojoStyle 。
序
Any violation to this guide is allowed if it enhances readability.
所有的代码都要变成可供他人容易阅读的。 快读参考
核心 API 请使用下面的风格：
结构     规则     注释 模块    小写    不要使用多重语义（Never multiple words） 类    骆驼     公有方法    混合    其他的外部调用也可以使用 lower_case()，这样的风格 公有变量    混合     常量    骆驼 或 大写     
[...]

jQuery是最近比较火的一个JavaScript库，从del.icio.us/上相关的收藏可见一斑。
到目前为之jQuery已经发布到1.2.1版本，而在这之前的一个星期他们刚发布1.2版本，看看他的各个版本的 发布时间 ，不难发现他的飞速发展，每个月都在更新版本；而且不断有人开发出新的 jQuery插件 ，最近又推出了 jQuery UI 库。
jQuery于2006年一月十四号在BarCamp NYC (New York City)面世。主将 John Resig ，写有《Pro JavaScript Techniques》一书，因为效力于mozolla，据说firefox 3将包含Jquery，现在的 Jquery团队 有主要开发人员，推广人员，UI，插件开发，网站设计维护，其中3个主要开发人员分别是：两个美国人John Resig/Brandon Aaron，一个德国人Jorn Zaefferer)
下面简单介绍一下jQuery的一些特性和用法：
1.精准简单的选择对象(dom)：
$('#element');// 相当于document.getElementById("element")
$('.element');//Class $('p');//html标签 $("form > input");//子对象 $("div,span,p.myClass");//同时选择多种对象 $("tr:odd").css("background-color", "#bbbbff");//表格的隔行背景 $(":input");//表单对象 $("input[name='newsletter']");//特定的表单对象
2.对象函数的应用简单和不限制：
element.function(par)；
$(”p.surprise”).addClass(”ohmy”).show(”slow”)…
3.对已选择对象的操作（包括样式）：
$("#element").addClass("selected");//给对象添加样式 $('#element').css({ "background-color":"yellow", "font-weight":"bolder" });//改变对象样式 $("p").text("Some new text.");//改变对象文本 $("img").attr({ src: "test.jpg", alt: "Test Image" });//改变对象文本 $("p").add("span");//给对象增加标签 $("p").find("span");//查找对象内部的对应元素 $("p").parent();//对象的父级元素 $("p").append("<b>Hello</b>");//给对象添加内容
4.支持aJax，支持文件格式：xml/html/script/json/jsonp
$("#feeds").load("feeds.html");//相应区域导入静态页内容 $("#feeds").load("feeds.php", {limit: 25}, function(){alert("The last 25 entries [...]

翻译整理：Young.J 官方网站：http://jquery.com jQuery是一款同prototype一样优秀js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！ 如果你不是个js高手又想写出优秀的js效果，jQuery可以帮你达到目的！ 下载地址： Starterkit （http://jquery.bassistance.de/jquery-starterkit.zip） jQuery Downloads （http://jquery.com/src/） 下载完成后先加载到文档中，然后我们来看个简单的例子！
$(document).ready(function(){ $(”a”).click(function(){ alert(”Hello world!”); }); }); 上边的效果是点击文档中所有a标签时将弹出对话框，$(”a”) 是一个jQuery选择器，$本身表示一个jQuery类，所有$()是构造一个jQuery对象，click()是这个对象的方法，同理$ (document)也是一个jQuery对象，ready(fn)是$(document)的方法，表示当document全部下载完毕时执行函数。 在进行下面内容之前我还要说明一点$(”p”)和$(”#p”)的区别，$(”p”)表示取所有p标签( )的元素，$(”#p”)表示取id为”p”()的元素。 我将从以下几个内容来讲解jQuery的使用: 1:核心部分 2OM操作 3:css操作 4:javascript处理 5:动态效果 6:event事件 7:ajax支持 8:插件程序 一：核心部分 $(expr) 说明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础 参数：expr：字符串，一个查询表达式或一段html字符串 例子： 未执行jQuery前： one
two
three jQuery jQuery代码及功能： function jq(){ alert($(”div > p”).html()); } 运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的内容 function jq(){ $(” Hello”).appendTo(”body”); } 运行：当点击id为test的元素时，向body中添加“ [...]

作者：Jack_Lee 来源：http://www.0411pet.com/blog
今天决定研究ajax框架，上网搜索一番，觉得jquery似乎不错，就研究它吧，研究的对象所定为jquery官网jquery.com，虽然说是英文的，就当是锻炼英语好了，翻译一下其中的内容，好久没干这个活了。
jQurey-写的更少，做得更多 jQuery是一个新类型的JavaScript类库 jQuery是一个快速的，简明的JavaScript类库，使你在如何traverseHTML文档，操作事件，使用动画和向你的网页中添加ajax交互变得更加的简单。jQuery是被设计用来改变你写JavaScript的方法的。 “你写了10行jQuery代码，相当于你写了20行乏味的DOM JavaScript。当你写完之后，一切只需要2或3行的代码而已，并且它不可能变得更短除非它看破了你的心思（read your mind）”-Dave Methvin
了解关于JQuery JavaScript类库 设计者，开发者，爱好者，商业用户……，jQuery适用于任何人。 JQuery类库能够适合任何不同的应用。 JQuery可以怎么帮助你呢？
轻量级-10KB的大小（压缩后） 适应CSS3-支持CSS 1-3 和 基本的XParh 跨浏览器-IE 6.0+，FF 1.5+，Safari 2.0+，Opera 9.0+
下载jQuery 下载jQuery（未压缩版）55kb-设计被用来测试，学习和开发 下载jQuery(压缩版)19kb-设计被用来生产使用（production use）
单词学习： concise adj.简明的, 简练的 traverse vt.横过, 穿过, 经过, 在…来回移动, 反对, 详细研究 interaction n.交互作用, 交感 tedious adj.单调乏味的, 沉闷的, 冗长乏味的 Compliant adj.顺从的, [...]

来源：Realazy
来自Nine Javascript Gotchas, 以下是JavaScript容易犯错的九个陷阱。虽然不是什么很高深的技术问题，但注意一下，会使您的编程轻松些，即所谓make life easier. 笔者对某些陷阱会混杂一些评点。
1.最后一个逗号
      如这段代码，注意最后一个逗号，按语言学角度来说应该是不错的（python的类似数据类型辞典dictionary就允许如此）。IE会报语法错误，但语焉不详，你只能用人眼从几千行代码中扫描。
      <script>        var theObj = {              city : “Boston”,              state : “MA”,        }      </script>
2.this的引用会改变
      如这段代码：
      <input type=”button” value=”Gotcha!” id=”MyButton” >      <script>      var MyObject = function () {          this.alertMessage = “Javascript rules”;          this.ClickHandler = function() {              alert(this.alertMessage );        }      }();      document.getElementById(”theText”).onclick =  MyObject.ClickHandler      </script>
      并不如你所愿，答案并不是”JavaScript rules”。在执行MyObject.ClickHandler时，代码中红色这行，this的引用实际上指向的是document.getElementById(”theText”)的引用。可以这么解决：
      <input type=”button” [...]