1.加载DOM
使用任何框架时，通常都会与文档对象（DOM）交互。但是为了这种交互，必须首先确定整个DOM已经加载。
（1）在javascript编程中，通常在采取行动之前等待窗口加载：
window.onload=function(){
// Do whatever here.
}
或使用匿名函数：
(
function(){
// Do whatever here.
}
)()
（2）在使用jquery中，等价的做法：
$(document).ready(
function(){
// Do whatever here.
}
)
或简化为：
$(
function(){
//Do whatever here.
}
)
2.选择元素（更多内容参考juery手册）
引用页面元素对于添加事件处理区，操作DOM，读取表单值来说是必需的。
（1）在javascript中，可以使用document对象的getElementById()，getElementByTagName()及其他技术来完成此工作。
（2）在jquery中，通过$()函数进行选择。
①用css选择符选择其他页面：
#id //根据给定的ID匹配一个元素。
.class //根据给定的类匹配元素
element //根据给定的元素名匹配所有元素
使用时，将选择符作为$()函数的参数，并加引号，如：
$('#name');//选择id值name的元素
这些规则可以合并使用，如：
$('img.langscpe');//选择class为landscape的所有图像
$('#loginForm input');//选择在id为longinForm的元素中找到所有输入元素
3.操纵元素（更多内容参考juery手册）
选择元素后，可以应用许多jquey函数进行其他操作（更多内容参考jquery手册）
（1）修改选中元素的属性----->>>attr()
attr(arg0,arg1)//方法修改选中元素的属性，支持“链式”函数
//第一个参数：是访问的属性，第二个参数：设置的新值。
如： ①var submit=$('#submitButtonId')
submit.attr('disabled','disabled');
②“链式”方式修改
$('#submitButtonId').attr('disabled','disabled').attr('value','...progressing...');
（2）修改选中元素的CSS样式---->>>addClass() ，removeClass()，toggleClass()，css()
$('#blockId').addClass('emphasis');//添加class样式
$('#blockId').removeClass('emphasis');//移除class样式
$('#blockId').toggleClass('emphasis');//切换类的应用；如果选中的元素没有应用类则添加，否则删除类。
$('#blockId').css(arg0,arg1);//改变单独的样式。第一个参数是样式名称，第二个参数是新值。
（3）修改选中元素的内容----->>>val();
var comments= $('comments');
var value=comments.val();//获取当前值
if(value.length>100){//如果元素当前内容长度大于100
comments.val(value.slice(0,100));//设置内容长度为100
4.DOM操作（更多内容参考juery手册）
使用举例：
var submit= $('#submitButtonId');//获得表单元素引用
submit.before('<p>new paragraph</p>');//在表单之前添加一个新段落
5.事件处理（更多内容参考juery手册）
（1）jquery事件处理器语法格式：
selection.eventTyep(function)；
eventType值根据选择的元素不同而不同，常见值有：change,focus,mouseover,click,submit,select等
如：$('img').mouseover(function(){
//Do something here.
});
注意：jquery1.7版本添加了新的on()和off()方法，用于添加或者移除事件处理器
（2）jquery还定义了些将更复杂的事件处理器与元素关联的方法，
例如：hover(fn1,fn2)方法，鼠标移过函数作为第一参数，鼠标移出函数作为第二个参数，可以在一步中创建两个事件处理器
6.Ajax操作
（1） ajax使用举例(验证用户名是否已注册)
$.ajax({
url:"/goods/UserServlet",//要请求的servlet
data:{method:"ajaxValidateLoginname", loginname:value},//给服务器的参数
type:"POST",
dataType:"json",
async:false,//是否异步请求，如果是异步，那么不会等服务器返回，我们这个函数就向下运行了。
cache:false,
success:function(result) {
if(!result) {//如果校验失败
$("#" + id + "Error").text("用户名已被注册！");
showError($("#" + id + "Error"));
return false;
}
}
});
（2）Ajax请求方法
$.ajax(options);//参数options代表用于配置的请求选项对象，
//使用时，至少应包含一下7个参数
url:请求的资源
data：给服务器的数据
type:请求类型（常见的有POST和GET）
dataType:请求响应数据类型
async:是否异步请求，如果是异步，那么不会等待服务器返回，函数会向下运行，true：表示异步
cache:是否缓存
succes:fn 指定ajax请求成功成功完成时调用的函数。成功意味着，readyState值为4，并且返回一个正常的状态码，函数fn不需要检查这些状态
；该函数至少有一个参数（服务器响应数据）；对象的最后一个属性
7.jquery插件
框架具备利用插件快速添加复杂功能的能力，这是原生javascript不具备的能力。
jquery ui: http://jqueryui.com //定义了许多有用途的小部件（Widget）,如：折叠控件，自动完成，日期选择，选项卡，以及拖放，改变大小，排序等优秀特性