jquery代码的编写

首先下载最新版本的jquery文件。点击打开链接

下载开发版，主要用于测试、学习和开发。

jquery下载好的文件放在项目的scripts中，在页面直接引用就可使用。

default.jsp的代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>









	
你好啊！

jquery代码风格

1    链式操作风格

index.jsp的代码如下所示：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>











第一步：初始化：
	

		

			

				衬衫
				

					
短袖衬衫
					
长袖衬衫
					
短袖T恤
					
长袖T恤
				
			
			

				卫衣
				

					
开襟卫衣
					
套头卫衣
					
运动卫衣
					
童装卫衣
				
			
			

				裤子
				

					
短裤
					
休闲裤
					
牛仔裤
					
免烫卡其裤
				
			
		
	

以上代码总结代码格式优化三种情况：

（1）对于同一个对象不超过3个操作的，可以直接写成一行。代码如下：

$("li").show().unbind("click");

（2）对于同一个对象的较多操作，建议每行写一个操作。代码如下：

$(this).removeClass("mouseout")
        .addClass("mouseover")
	.stop()
	.fadeTo("fast",0.6)
	.fadeTo("fast",1)
	.unbind("click")
	.click(function(){	
	});

（3）对于多个对象的少量操作，可以每个对象写一行，如果涉及子元素，可以考虑适当的缩进。例如上面提到的代码：

$(this).addClass("highlight")
	.children("li").Show().end()
.siblings().removeClass("highlight")
	.children("li").hide();

程序块严格采用锁紧风格书写，能保证代码清晰易读，风格一致。    

为代码添加注释

        jquery以其强大的选择器主城，有哦时候很复杂的问题用一行选择器就可以轻松解决。但是使用jQuery进行代码编写时应该注意一个问题，就是必要的注释。请看下面的例子，代码如下：

$("#table>tbody>tr:has(td:has(:checkbox:enabled))").css("background","red");

        这行代码即使是经验丰富的jQuery开发者也不能立刻看懂。

       这行代码的作用是，在一个id为table的表格的tbody元素中，如果每行的一列中的checkbox没有被禁用，则把这一行的背景色设为红色。

        jquery的选择器很强大，能够省去使用普通的javascript必须编写的很多行代码。但是，在编写一个有写的选择起的时候，千万不要忘记给这段代码加上注释，这很重要。无论是自己日后阅读还是与他人分享、合作开发，注释都能起到良好的效果。在上段代码片段中加上注释就能提高其易读性，如下所示：

//在一个id为table的表格的tbody元素中，如果每行的一列中的checkbox没有被禁用，则把这一行的背景色设为红色。
$("#table>tbody>tr:has(td:has(:checkbox:enabled))").css("background","red");

        通过类似有意义的注释，能够培养良好的编码习惯和风格，提高开发效率。