JavaScript缺点:
- 复杂的文档对象模型
- 不一致的浏览器实现和便捷的开发
- 调试工具的缺乏
Jquery的优势:
- 轻量级
- 强大的选择器(CSS选择器,独创的复杂选择器,利用插件实现Xpath选择器,自定义选择器)
- 对DOM的封装
- 可靠的事件处理机制
- 完善的Ajax
- 不污染顶级变量(所有函数方法都在JQuery对象下)
- 出色的浏览器兼容
- 链式操作方式(对发生在同一个JQuery对象上的一组动作,可以直接连写无需重复获取)
- 隐式迭代
- 行为层与结构层分离
- 丰富的插件支持
- 完善的文档
- 开源
HelloWorld
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello world</title>
<script src="./script/jquery-1.7.1.js"></script>
<script>
/*jQuery和$是等价的*/
$(document).ready(function(){
alert("Hello World!");
});
/*上面的简写,可以执行两次*/
$(function(){
alert("Hello World Again!");
});
</script>
</head>
<body>
<div>hello</div>
</body>
</html>
jQuery对象和DOM对象
DOM对象
每一个HTML都可以转换成一棵树,根据此结构来获取元素。
jQuery对象
jQuery对象就是通过jQuery包装DOM对象后产生的对象。