Jquery
定义
Query 是一个高效、精简并且功能丰富的 JavaScript 工具库。
jQuery强调的理念是写得少,做得多。
文档加载
$(document).ready(function(){
})
$(function(){
})
选择器
基本选择器
id
标签
class
组合
层级选择器
后代 ancestor descendant
父子 parent > child
下个兄弟 prev + next
所有的兄弟 prev ~ siblings
属性
[attribute] 匹配包含给定属性的元素
[attribute=value] 匹配给定的属性是某个特定值的元素
[attribute!=value] 匹配所有不含有指定的属性,或者属性不等于特定值的元素。
[attribute^=value] 匹配给定的属性是以某些值开始的元素
[attribute$=value] 匹配给定的属性是以某些值结尾的元素
[attribute*=value] 匹配给定的属性是以包含某些值的元素
[attrSel1][attrSel2][attrSelN] 复合属性选择器,需要同时满足多个条件时使用
伪类基本
获取第一个元素 :first
最后一个元素 :last
去除所有与给定选择器匹配的元素 :not()
匹配所有索引值为偶数的元素,从 0 开始计数 :even
匹配所有索引值为奇数的元素,从 0 开始计数 :odd
匹配一个给定索引值的元素 eq(index)
匹配所有大于给定索引值的元素 gt(index)
匹配所有小于给定索引值的元素 lt(index)
子元素
:nth-child(N) 匹配其父元素下的第N个子或奇偶元素
:first-child 匹配第一个子元素
:last-child 匹配最后一个子元素
:only-child 匹配父元素里面只有一个子元素
文本选择器
匹配包含给定文本的元素 contains(text)
匹配所有不包含子元素或者文本的空元素 empty
匹配含有选择器所匹配的元素的元素 has(selector)
匹配含有子元素或者文本的元素 parent
表单
:checked 匹配所有选中的被选中元素
:selected 匹配所有选中的option元素
属性
属性
设置或返回被选元素的属性值。 attr(name|properties|key,value|fn)
从每一个匹配的元素中删除一个属性 removeAttr(name)
css类
addClass(class|fn) 为每个匹配的元素添加指定的类名
removeClass([class|fn]) 从所有匹配的元素中删除全部或者指定的类。
toggleClass(class|fn[,sw]) 如果存在(不存在)就删除(添加)一个类
HTML代码/文本/值
html([val|fn]) 取得第一个匹配元素的html内容。
text([val|fn]) 取得所有匹配元素的内容
val([val|fn|arr]) 获得匹配元素的当前值。
CSS
css(name|pro|[,val|fn])
访问匹配元素的样式属性
offset([coordinates])
获取匹配元素在当前视口的相对偏移。
position()
获取匹配元素相对父元素的偏移。
scrollTop([val])
获取匹配元素相对滚动条顶部的偏移
scrollLeft([val])
获取匹配元素相对滚动条左侧的偏移
pageX获取鼠标的坐标点