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()

posted @ 2013-02-14 06:56  若愚Shawn  阅读(147)  评论(0编辑  收藏  举报