1. jQuery能做什么 1.1取得文档中的元素。 $('div.content').find('p'); 1.2修改页面的外观。 $('ul > li:first').addClass('acti
1. jQuery能做什么
1.1 取得文档中的元素。
$('div.content').find('p');
1.2 修改页面的外观。
$('ul > li:first').addClass('active');
1.3 改变文档的内容。
$('#container').append('<a href="more.html">more</a>');
1.4 响应用户的交互操作。
$('button.show-details').click(function(){
$('div.details').show();
});
1.5 为页面添加动态效果。
$('div.details').slideDown();
1.6 无需刷新页面从服务器获取信息。
$('div.details').load('more.html #content');
1.7 简化常见的JavaScript任务。
$.each(obj,function(key,value){
total +=value;
});
2. jQuery为什么如此出色
2.1 利用CSS的优势。
通过将查找页面元素的机制构建与CSS选择符之上,jQuery继承了简明清晰地表达文档结构的方式。
2.2 支持扩展。
jQuery将特殊情况下使用的工具归入插件当中。
2.3 抽象浏览器不一致性。
jQuery添加一个抽象层来标准化常见的任务,从而有效地减少了代码量,也极大地简化了这些任务。
2.4 总是面向集合。
当我们指示jQuery时,不需要循环遍历每一个返回的元素。
2.5 将多重操作集于一行。
为了避免过度使用临时变量或不必要的代码重复,jQuery在其多数方法中采用了一种称作连缀的编程模式。