jQuery

① 取得文档中的元素

$('div.content').find('p');

② 修改页面的外观

$('ul > li:first').addClass('active');

③ 改变文档内容

$('#container').append('<a href="www.baidu,com">more</a>') 

④ 为页面添加动态效果

$('div.content').slideDown(); 

⑤ 响应用户的交互操作

$('button.show-details').click(function(){

  $('div.details').show();

});

⑥ 无需刷新页面从服务器获取信息

$('div.details').load('more.html #content')

⑦ 简化常见的javaScript任务

$.each(obj, function(key,value)(total += value;));