1 JQ选择器 1.1 基础选择器
$("#id") ID选择器
$(".class") 类选择器
$("element") 元素选择器
$("*") 全选择器
$("prev+next") 选择下一个兄弟
$("prev~siblings") 选择以下所有兄弟
$("parent>child") 选择子代
$("ancestor descendant") 选择后代
1.2 基本筛选
$(" :first") 第一个元素
$(" :last") 最后一个元素
$(" :not(selector)") 过滤
$(" :eq(index)") 选择第n个元素
$(" :gt(index)") 选择所有索引大于n的元素
$(" :lt(index)") 选择所有索引小于n的元素
$(" :even") 选择索引为偶的元素
$(" :odd") 选择索引为奇的元素
$(" :header") 选择所有标题元素
$(" :lang(language)")
$(" :root") 选择根元素
$(" :animated") 选择所有动画元素
1.3 内容筛选
$(" :contain(text)") 选择包含某文本的元素
$(" :parent") 选择有后代的元素
$(" :empty") 选择无后代的元素
$(" :has(selector)") 包含某元素
1.4 可见性筛选
$(" :visible") 选择占用布局的可见和隐藏元素
$(" :hidden") 选择不占用布局的隐藏元素
1.5 属性值筛选
暂缺
1.6 子元素筛选
$(" :first-child") 选择第一个子元素
$(" :last-child") 选择最后一个子元素
$(" :only-child") 选择独生子
$(" :nth-child[ ]") 选择第n个子元素
$(" :nth-last-child[ ]") 选择倒数第n个子元素
1.7 表单元素筛选
$(" :input") 选择所有input元素
$(" :text") 选择所有文本框
$(" :password") 选择所有密码框
$(" :radio") 选择所有单选按钮
$(" :checkbox") 选择所有复选框
$(" :submit") 选择所有提交按钮
$(" :image") 选择所有图像域
$(" :reset") 选择所有重置按钮
$(" :button") 选择所有button按钮
$(" :file") 选择所有文本域
1.8 表单属性筛选
$(" :enabled") 选择所有可用表单
$(" :disabled") 选择所有不可用表单
$(" :checked") 选择默认选中的元素
$(" :selected") 选择被选中的元素
1.9 特殊
$("this")
2 JQ元素及内容、属性、样式方法 2.1 属性方法
.attr() 读取/设置属性值
.removeAttr() 删除属性
2.2 元素及内容方法
.html() 读取/写入html结构
.text() 读取/写入合并文本
.val() 读取/写入表单当前被选中的值
2.3 样式方法
.addClass() 增加类
.removeClass() 删除类
.toggleClass() 增加和删除类切换开关
.css() 读取/设置样式
3 JQ DOM操作方法 3.1 创建节点
$("HTML结构")
3.2 插入节点
.append() 元素内部最后插入节点
.appendTo()
.prepend() 元素内部最前面插入节点
.prependTo()
.before() 元素前面插入节点
.insetBefore()
.after() 元素后面插入节点
.insetAfter()
.wrap() 加个父元素
.unwrap() 删除父元素
.wrapAll() 所有元素加上同一个父元素
.wrapInner() 元素内部加个父元素
3.3 删除/复制/替换节点
.empty() 清空元素内部
.remove() 删除元素及内部
.detach() 删除并托管元素
.clone() 浅克隆
.clone(true) 深克隆(克隆事件)
.replaceWith() 替换节点
.replaceAll()
3.4 JQ DOM遍历
.children() 遍历并返回指定子元素的集合 (找儿子)
.find() 遍历并返回指定后代元素的集合 (找后代)
.parent() 遍历并返回指定父元素的集合 (找爸爸)
.parents() 遍历并返回指定祖辈元素的集合 (找祖、父)
.closest() 从自身开始,找到并返回最近的指定祖辈元素的集合 (找最亲近的祖、父)
.next() 遍历并返回指定的下一个兄弟元素的集合 (找下一个兄弟)
.prev() 遍历并返回指定的上一个兄弟元素的集合 (找上一个兄弟)
.siblings() 遍历并返回指定的所有兄弟元素的集合 (找所有兄弟)
.add() 在JQ集合中添加元素对象
.each() for循环迭代器
4 JQ事件 4.1 绑定和解绑事件
.on() 绑定事件
.off() 解绑事件
4.2 鼠标事件
.click() 单击
.dblclick() 双击
.mousedown() 按下鼠标
.mouseup() 放开鼠标
.mousemove() 鼠标指针移动
.mouseover() 鼠标指针移入
.mouseout() 鼠标指针移出
.mouseenter() 鼠标指针移入
.mouseleave() 鼠标指针移出
.hover(function(),function()) 鼠标指针进出切换效果
.focusin() 点击聚焦
.focusout() 失去焦点
4.3 表单事件
.focus() 点击聚焦(不支持冒泡和捕获)
.blur() 失去焦点(不支持冒泡和捕获)
.change() 改变值
.select() 选中文本
.submit() 提交表单
4.4 键盘事件
.keydown() 按下键盘
.keyup() 松开键盘
.keypress() 输入字符
5 JQ动画
.hide() 隐藏元素
.show() 显示元素
.toggle() 显示与隐藏切换开关
.slideDown() 下拉动画
.slideUp() 上卷动画
.slideToggle() 下拉与上卷动画切换开关
.fadeOut() 淡出动画
.fadeIn() 淡入动画
.fadeToggle() 淡入与淡出动画切换开关
.fadeTo() 指定淡入淡出效果
.animate() 动画
stop() 停止动画