jquery

前端不可能不知道jQuery

据统计，全世界排名前100万的网站，有46%使用jQuery 2006年8月26日 最初版本，只是提供了一个友好的 $('选择器')

为什么要用 jQuery

DOM API

• 难用
• 存在兼容性问题
• 功能太少，不能与时俱进

jQuery

• 兼容性好
• API 友好
• 功能强大，与时俱进

什么时候适合用 jQuery

• DOM 操作较多（事件监听）
• 简单的 AJAX
• 需要兼容多款浏览器

什么时候不用 jQuery

• 页面交互极为简单
• 页面对流量有苛刻的要求
• 上级强制、团队已经有了 jQuery 的代替品

jQuery 做什么

• 选择网页元素
• 改变结果集
• 元素的操作：取值和赋值
• 元素的操作：移动
• 元素的操作：复制、删除和创建
• 工具方法
• 事件操作
• 特殊效果
• AJAX
• http://devdocs.io/jquery/

jQuery版本问题

• 1.x 与 2.x 的不同

jQuery 的两种 API

$.noConflict()
$.each()
$('ul').addClass()
$('p').text('hi')

ready

$(callback)
window.onload 事件
document 的 DOMContentLoaded 事件
$( document ).ready( handler )
$().ready( handler ) (this is not recommended)
$( handler )