jQuery-2
jquery
标签操作:
样式类:
添加指定的CSS类名:addClass()
移除指定的CSS类名:removeClass()
判断样式存不存在:hasClass()
切换CSS类名,如果有就移除,如果没有就添加:toggleClass()
位置类:
获取匹配元素在当前窗口的相对偏移或设置元素位置:offset()
获取匹配元素相对父元素的偏移:position()
获取匹配元素相对滚动条顶部的偏移:scrollTop()
获取匹配元素相对滚动条左侧的偏移:scrollLeft()
尺寸大小设置:
height(),width(),innerHeight(),innerWidth(),outerHeight(),outerWidth()
文本操作:
HTML代码:
取得第一个元素的html内容:html() 设置所有匹配元素的html类容:html(val)
文本值:
取得所有匹配元素的内容:text() 设置所有匹配元素的text(val)
值:
取得第一个匹配元素的当前值:val() 设置所有匹配元素的当前值:val(val)
设置checkbox,select的值:val([val1,val2])
属性操作:
用于ID等或自定义属性:
返回第一个元素的属性值:attract(attrName)
为所有匹配元素设置一个属性值:attr(attrName,attrValue)
为所有匹配元素设置多个属性值:attr({k1:v1,k2:v2})
从每个匹配的元素中删除一个属性
用于checkbook和radio
获取属性:prop() 移除属性:removeProp
文档处理:
添加到指定元素内部: 把B追加到A:$(A).append(B) 把A追加到:B$(A).appendTo(B)
添加到指定元素内部的前面: 把B前置到A:$(A).prepend(B) 把A前置到B:$(A).prependTo(B)
添加到指定元素的后面: 把B放到A的后面:$(A).after(B) 把A放到B的后面:$(A).insertAfter(B)
添加到指定元素外部前面:把B放到A的前面:$(A).before(B) 把A放到B的后面:$(A).insertBefore(B)
移除和清空元素:重DOM中删除所有匹配的元素:remove() 删除匹配的元素集合中所有的子节点:empty