JQuery(DOM操作)

DOM Core

节点操作

查找节点：$()

插入节点：append(), appendTo(), prepend(),prependTo(),after(), insertAfter(), before(), insertBefore()

删除节点：remove(), empty()

复制节点：clone()

替换节点：replaceWith(), replaceAll()

包裹节点：wrapAll(), wrap(),wrapinner()

属性操作

get/set属性：attr('属性')

删除属性：removeAttr()

class操作

get class：attr('class')

set class：attr('class', 'another-class')

追加class：addClass()

删除class：removeClass()

切换class：toggleClass()

是否有某class：hasClass()

遍历节点

子元素：children()

获取元素后面紧跟的同辈元素：next()

获取元素前面紧跟的同辈元素：prev()

获取元素前后所有紧跟的同辈元素：siblings()

最近匹配元素：closest()

find()

filter()

nextAll()

prevAll()

parent()

parents()

 

HTML DOM

创建html：$(html)

获取html：html()

获取html的文本：text()

获取和设置值：value()

 

CSS DOM

获取和设置css属性：css('属性')    css('属性'，'值')     css('属性'，'值')     css({'fontSize':'30px', 'backgroundColor':'#888888'})

获取样式高度：$('p').css('height')

获取当前实际高度：$('p').height()

获取样式宽度：$('p').css('weight')

获取当前实际宽度：$('p').weight()

元素在当前视窗的相对偏移：offset()

position()

scrollTop()

scrollLeft()