[TOC] ## 什么是jQuery jQuery是一个优秀的JavaScript库，是一个凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档，操作DOM，执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数。其理念：write less,do more. ## 常见的javascript库? Prototype:是最早成型的JS库之一，对于JS的内置对象做了大量的扩展。 Do jo:提供了很多奇特JS库没有提供的功能。例如：离线存储的API,生成图标的组件等等。 YUI:是由Yahoo公司开发的一套完备的，扩展性良好的富交互网页程序工作集。 Ext JS:原本是对YUI的一个扩展，主要用于创建前端用户界面。 Moo Tools:是一套轻量、简洁、模拟化和面向对象的JS框架。 jQuery:同样是一个轻量级的库，拥有强大的选择器等更多优点，吸引了更多开发者去学习使用它。 ## jQuery能做的事情 HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX Utilities ## JQuey-ajax 里面包含了封装好的ajax库，直接调用这个库，然后十分简便的写出来ajax效果 ## jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据，并把返回的数据放入被选元素中。 ## jQuery load()语法 ``` $(selector).load(URL,data,callback); URL*参数规定您希望加载的 URL。 data*参数规定与请求一同发送的查询字符串键/值对集合。 callback*参数是 load() 方法完成后所执行的函数名称。 ``` ## 举例 ``` //语句的作用是希望在页面加载完，自动执行定义js代码（function） $(document).ready(function(){ //当button标签,被点击时执行什么 $("button").click(function(){ //div标签去加载目标url $("#div1").load("/try/ajax/demo_test.txt"); }); }); ```