id选择器
$('#id')
标签选择器
$('tagName')
class选择器
$('.className')
配合使用
$('div.c1') # 类为c1的div
所有的元素选择器
$('*')
组合选择器
$('#id,.className,tagName')
层级选择器
$('x y') # x的所有后代
$('x>y') # x的所有儿子
$('x+y') # 找到所有紧挨在x后面的y
$('x~y') # x之后所有的兄弟y
基本选择器
：first #第一个
:last #最后一个
:eq(index) #索引等于index的那个元素
：even #匹配所有索引值为偶数的元素，从0开始计数
：odd #匹配所有索引值为奇数的元素，从0开始计数
：gt(index) #匹配所有大于给定索引值的元素
：lt(index) #匹配所有小于给定索引值的元素
：not(元素选择器) #移除所有满足not条件的标签
：has(元素选择器) #选取所有包含一个或多个标签在期内的标签(后代元素中找)
例：
$('div:has(h1)')
属性选择器
[attribute]
[attribute=value]
[attribute!=value]
例：
$('input[type='checkbox']')
表单筛选器
：text
:password
:file
:radio
:checkbox
:submit
:reset
:button
例：$(':checkbox')
表单对象属性
:enabled
:disabled
:checked
:selected
例：$('input:enabled') $(':selected')
筛选器方法
$('#id').next()
$('#id').nextall()
$('#id').nextUntil('#i2') # 下一个元素
$('#id').prev()
$('#id').prevAll()
$('#id').prevUntil('#i2') # 上一个元素
父亲元素
$('#id').parent()
$('#id').parents()
$('#id').parentsUntil('#i1')
儿子和兄弟元素
$('#id').children() # 儿子们
$('#id').siblings() # 兄弟们
查找
$('div').find('p') == $('div p') # 搜索与指定表达式匹配的元素
筛选
$('div').filter('.c1') == $('div c1')
.first
.last
.not
.has
.eq
操作标签
样式类
addClass()
removeClass()
hasClass()
toggleClass() # 有，删除；没有，添加
css('color','red')
例：$('p').css('color','red')
位置操作
offset() #获取匹配元素在当前窗口的相对偏移或设置元素位置
position() #获取匹配元素相对父元素的偏移
scrollTop() # 获取匹配元素相对滚动条顶部的便宜
scrollLeft() # 获取匹配元素相对滚动条左侧的便宜
文本操作
html() # 取html内容
html(val) # 设置HTML内容
text() # 取文本内容
text(val) # 设置文本内容
val() # 取元素当前值，例：input标签中
val(val) # 设置值
val([val,val]) # 设置多选的CheckBox，多选的select值
例:$('[name='hobby']').val(['run','football'])
属性操作
attr(attrName)
attr(attrName,attrValue)
attr({k:v,k:v})
removeAttr()
prop()
removeProp() CheckBox或radio时使用
文档处理
$(A).append(B) # B追加到A内之后
$(A).appendTo(B) # 把A追加到B
$(A).prepend(B) # 把B追加到A内的前面
$(A).prependTO(B) # 把A前置到B
$(A).after(B) # 把B放到A的前面
$(A).insertAfter(B) # A放到B的前面
remove() # 删除所有匹配的元素
empty() # 删除匹配的元素集合中的子节点
替换
replaceWith()
replaceAll()
克隆
clone()
常用事件
click(function(){...})
hover(function(){...}) # 鼠标放在上面时触发
blur(function(){...})
focus(function(){...})
change(function(){...})
keydown/keyup(function(){...}) # 键盘按下和离开
阻止后续事件执行
return false #常见阻止表单提交
e.preventDefault()
页面载入
$(document).ready(function(){
js代码
})
$(function(){
js代码
})