jQuery 学习

jQuery分为1.x和2.x版本，其中1.9.x版本的API和2.x版本的API是一致的。

2.x不支持IE6、7、8。

1、jQuery的主要功能

• HTML 元素选取 ：选择器
• HTML 元素操作 
• CSS 操作
• HTML 事件函数 ：几种事件绑定方式
• JavaScript特效和动画 
• HTML DOM 遍历和修改 
• AJAX
• Utilitie

2、可以通过CDN（内容分发网络） 引用jQuery

这样做的好处：

许多用户在访问其他站点时，已经从谷歌或微软加载过 jQuery。所有结果是，当他们访问您的站点时，会从缓存中加载jQuery，这样可以减少加载时间。同时，大多数 CDN都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度。

3、遵循的规则

• 把所有 jQuery 代码置于事件处理函数中
• 把所有事件处理函数置于文档就绪事件处理器中
• 把 jQuery 代码置于单独的 .js 文件中
• 如果存在名称冲突，则重命名 jQuery 库

4、常用功能

选择器类，id，标签，属性，classs

hideToggle()fadeToggle() slideToggle() animate() stop()

• text() - 设置或返回所选元素的文本内容
• html() - 设置或返回所选元素的内容（包括 HTML 标记）
• val() - 设置或返回表单字段的值

attr() 方法用于获取属性值

以上四个方法，提供回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值

• append() - 在被选元素的结尾插入内容
• prepend() - 在被选元素的开头插入内容
• after() - 在被选元素之后插入内容
• before() - 在被选元素之前插入内容

remove() empty()

addClass() removeClass() toggleClass

css()

• width()
• height()
• innerWidth()
• innerHeight()
• outerWidth()
• outerHeight()

5、常用功能

$("p").load(url,callback)

$.get(url,callback)

$.post(url,callback)