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

原文地址:https://www.cnblogs.com/tianyu529/p/9139881.html