似水流年

    jQuery的选择器非常的像CSS的选择器.他们两者都有一个非常大的优点,就是将对象和行为给区分开了,充分体现了内容和操作的完全的分离,就好像我们提倡的OOA,OOP一样,HTML中的元素就是静态的,在JS中,可以动态的取得HTML中的对象进行行为的添加,样式的添加,这样可以非常容易修改.   jQuery做为一个JavaScript库,封装了JavaScript的操作,提倡write

有几个非常常见的知识点，需要重点关注一下。如何显示多选框呢？<input type="checkbox" name="name" value="value1">。这样就能表示两个多选框，他们具有同样的name值，在JSP中，传到后台的时候，可以使用request.getParameterValues("name")来获取一个数组，数组中就包含了前端页面中传过来的多个复选框的值了。这个是题外话。

在很多项目中，当然可以避免使用table，而使用div来替代，但是为了能够快速的交付项目，而且对网络优化以及搜索引擎没有太高的妥协的话，我们当然可以使用喜闻乐见的表格来进行布局。使用表格布局非常适合项目团队中有很多都是新成员，技术尚未成熟到可以从容判断div的布局会带来什么问题的情况。下面是使用table进行布局实现表格中隔行变色以及关键字高亮显示的jQuery实现。    这

在HTML中，通过Select设置multiple=“multiple”设置当前的框为多选框，也就意味着可以同时选择多个内容。在我们的系统中经常可以看到左右两侧的选择，甚至在腾讯的应用中，都有很多类似的功能实现。这种功能是非常实用的，就可以将它封装为一个标签，然后设置两个LIST进行内容的互换，这些对于项目组的快速开发是非常有帮助的，因为JSP的功能就是在于丰富的可以扩展的标签，难道不是么？

在各种WEB系统中经常可以看到类似的操作，点击中列表的某一行，然后当前行就会变成其他的颜色，并且其中的radio就会被选中。并且一般还会鼠标滑过的时候的动态特效，比如鼠标滑过当前行的时候会有一个变色的样式。趁着复习jQuery的机会，看一下使用jQuery来实现这个功能的步骤。   在这个功能当中，有一个需要注意的小知识点：如何增加一个radio？在HTML中，增加一个HTML

后台将数据通过response，经过HTML的解析之后，传递到前台进行展示，数据可能非常多。因此有一个在当前页面上进行二次搜索的功能是非常有必要的，要做找个功能对jQuery也是手到擒来的事情。仅仅是有几个小的知识点需要重点关注一下。第一个，使用什么事件呢？当然，我们可以再input搜索框后面增加一个检索按钮。但是这样用户就要多点一次按钮，甚至多点好几次按钮。在于服务器交互的时候，这种方式可以极大

继续复习jQuery，对table来说，上面除了单选之外，还有多选的一个控制。对于多选来说，需要对多选的内容进行高亮显示，还应该在页面加载的时候，对已经默认选中的内容进行高亮。这些小功能也是复习jQuery选择器的一个很好地素材，有非常多的实现方式，不仅仅拘泥于一种，只要能将功能健壮的实现了，就是比较不错的了。    在一本资料上，看到了这样的一种jQuery的写法，还是非常的

对于表格而言，应当提供丰富的功能，从而让用户有不同的感觉。例如，需要根据性质进行各种分组。现在很多RIA的第三方的软件都有很多非常强大的功能来提供对数据的筛选，分类，以及各种统计。现在通过对表单元组内容的分组来进行折叠，并且对折叠之后的内容进行高亮显示。   这个地方的难点在于，如何来维护一个分组名称和分组之间的数据的关系，我们可以通过一些属性来进行维护，例如对cospan的列

$.get()和$.post()这两个方法，顾名思义，一个就是通过get方法来获取数据，另外一个通过post方法来获取数据。这两个方法在具体有什么区别呢？重点有三个方面的区别，第一个get传送的数据理论在2KB之内，post方法原则上是不受限制的。第二个方面，一个在地址栏上会显示当前的请求内容，这种在有用户名和密码的时候就不好了。另外一个是在请求体当中，这个虽然也不是很安全，但是至少要比GET方法

在项目中可能会碰到这样的几个问题：    第一个问题，我们需要实现一个基于ajax的异步程序，我们也相当的熟悉ajax中是可以通过{name:name,address:address}这种方式来进行传递参数的。但是，当任务下达的那一刻，我们发现前端的form表单非常的庞大，庞大的我没有耐心去一个一个的拼字符串。    第二个问题，我们需要将一个充满的checkbox的用户调查表传递

最低层的ajax的实现是基于浏览器的一个标准，就是XMLHttpRequest对象，这种对象在MS浏览器上面的实现与其他浏览器上面的实现是不一样的。尽管现在非常多的第三方框架采用”模板模式“封装了如何获取XMLHttpRequest对象以及如何发送和处理中间出现的异常，但是还是非常有必要对ajax进行一次复习，这样才能在看其他的方法的时候温故而知新的效果。    编写原生的aj

jQuery还提供了两个非常实用的方法，分别是$.getScript()以及$.getJSON()。这个两个方法非常之重要，假设我们现在要编写一个框架，如果能在后台控制前台表格的动作，我们应该怎么做？肯定是要在后台向前台发送一个JavaScript，从而让前台的JavaScript执行，当然有很多方法，比如创建一个Script的节点放在DOM树中，或者是在HTML中增加一个节点，都是解决这个问题的

经过的项目大大小小也有非常多的了，印象中很多框架低层封装的方法都是在ajax()方法的基础上进行扩展的。ajax方法可以说是jQuery提供的各式各样的ajax相关方法的鼻祖，所有其他的比如load,get,post,getScript,getJson方法都是扩展于jQuery.ajax方法。    下面是一个实际的DEMO，将上面的参数都用了一遍：前端页面的代码：

众所周知，各种浏览器对于HTML、CSS以及原生JS的支持不尽相同。但是jQuery很好地封装了各种浏览器不同的实现，能够很好地解决跨浏览器的CSS问题。下面就是在review表单操作的时候的一个DEMO，记录在这个地方，方便后面做项目的时候查找使用。 $(function(){ $("input[type='text']").focus

众所周知，各种浏览器对于HTML、CSS以及原生JS的支持不尽相同。但是jQuery很好地封装了各种浏览器不同的实现，能够很好地解决跨浏览器的CSS问题。下面就是在review表单操作的时候的一个DEMO，这个如果添加动画效果会更好，jQuery所有的动画效果都是可以通过animate函数来实现，这里用到了一个CSS属性，scrollTop属性，是当前的滚动条距离上边距的而距离，此外，还在css中

jQuery 之 选择器总结(下篇)      CSS是一种比较出色的技术,上面有很多的定义规则与jQuery有异曲同工之妙,甚至怀疑jQuery就是仿照CSS的理念来设计的,有CSS开发基础的人可以非常容易的进入jQuery的领域进行开发,没有接触过CSS开发的人通过学习jQuery的学习也会学习到很多CSS的规则和设计,CSS有三种方式,分别是行间样式表,内部样式表,外部样式表,其中外部样

jQuery的Validation插件最新最全的jQuery插件可以从jQuery的官方网站上面获得,jQuery下载验证插件的地址是http://plugins.jquery.com/在打开页面的左上角’Search’框中输入validation就可以找到我们想要的验证插件了,在http://plugins.jquery.com/project/validate下,我们找到了目前最新的版本(

 Cookie是用户浏览网站的时候,网站在用户的机器上存放的一小段文本文件,比如购物网站存储用户曾经浏览过的产品列表,门户网站记住用户经常喜欢去看的新闻.还可以记录用户的登录信息等等…我们可以使用jQuery提供的插件Cookie来操作和管理网站的Cookie:代码如下: 

jQuery中的DOM操作DOM是Document Object Medel的缩写,它的意思是文档对象模型,根据W3C的官方说法,DOM是一种跟浏览器,平台以及语言都没有关系的一种规范,也就是一种接口,这种接口可以提供一种访问页面中所有的节点的机制,DOM提供了Netscape的JavaScript和Microsoft的Jscript之间的冲突的解决方案.通常DOM操作分成三个部分,也就是

<br />// FCKeditor_OnComplete is a special function that is called when an editor// instance is loaded ad available to the API. It must be named exactly in// this way.function FCKeditor_OnComplete( editorInstance ){ // Show the editor name and

大概是在2009年吧，去参加了一个公司的笔试题目，题目的内容是“使用JS编写一段面向对象的代码”，因为在这家公司待得时间太长了，很少碰到JS方面的编程需求，所以这个题目居然没有回答上来，最近趁着假期，重温了JavaScript相关的知识,把这个题目的解答写在这里,算是对几年前的这个考试的一个纪念好了。 function Animal(aname,age,weight){ this.ana

今天是我跳槽一个月的日子，感谢现在的公司给了我一种完全不一样的感觉，对未来有很高的憧憬，有非常友好的同事与氛围。今天在家做几个AJAX的小练习，但是却困扰了我一整天。原因在于我的ajax的代码在IE浏览器，360的IE核心的浏览器，以及在火狐都是运行正常的，但是在GOOGLE CHROME下却让我非常头疼。我本机的开发环境如下：google chrome 版本 28.0.1469.

首先，需要了解一个国际标准：ISO8601，该标准是国际标准化组织用来定义日期和时间的表示方法，全称是《数据存储和交换形式·信息交换·日期和时间的表示方法》。其中有关第几周的计算，在WIKI上有如下描述：日历星期和日表示法可以用2位数表示本年内第几个日历星期，再加上一位数表示日历星期内第几天，但日历星期前要加上一个大写字母W，如2004年5月3日可写成2004-W17-3或20

一个针对jQuery属性选择器的小例子,增加对jQUery属性选择器的理解: a{ margin-right:20px; } ol{ position:relative; width:600px; margin-left:400px; } dt{ margin:10px; heigh

第一个界面test.html function test() { var features = 'dialogHeight:150px; dialogWidth:300px; status:no;'; var result = window.showModalDialog('x.html', {"userName":"ziwen.chen"}, featu

上午的时候,找个闲暇事件整理之前整理的一些关于jQuery的东西,看到了一个之前做的jQuery的$(document).ready()与window.onload()方法的比较。上面两个方法最重要的区别在于：$(document).ready()的触发实际是HTML的这棵DOM树建建立的时候,就触发了这个ready()函数的执行，但是windows.onload()方法则是在DOM树建立之后，并

众所周知，各种浏览器对于HTML、CSS以及原生JS的支持不尽相同。但是jQuery很好地封装了各种浏览器不同的实现，能够很好地解决跨浏览器的CSS问题。下面就是在review表单操作的时候的一个DEMO，记录在这个地方，方便后面做项目的时候查找使用，这个如果添加动画效果会更好，jQuery所有的动画效果都是可以通过animate函数来实现。 $(functi

原生的ajax编写起来是相当麻烦的一件事情，我们不仅仅要处理不同浏览器下的XMLHttpRequest对象不同的初始化，还需要识记大量的XMLHttpRequest对象的属性和方法，而且做的很多都是重复性的工作，就如同jdbc的实现方式是一样的，JDBC有很多固定的模式，所以不管是Hibernate还是Ibatis亦或是Spring都使用模板模式来封装了大量相同的调用，让整个方法变得更加容易使用。