jQuery的DOM操作

3.1插入节点的方法

append()    向每个匹配的元素内容追加内容

appendTo()  和上面的倒过来使用

prepend()   向每个匹配的元素内容前置内容

prependTo() 和prepend的方向相反

after()     在每个匹配的元素之后插入内容  

insertAfter()  和after()的方向相反

before()    在每个匹配的元素之前插入内容

insertBefore() 和before()的方向相反

3.2节点操作

remove()    删除所有匹配的元素

detach()    这是从DOM中去掉所有匹配的元素，但是不会把匹配的元素从jQuery对象中删除

empty()        这个和前面的不一样， 它能清空元素中的所有后代节点

replaceWith() 将所有匹配的元素替换成指定的DOM元素

replaceAll()  和replaceWith的方向相反

wrap()      将所有匹配的元素包裹起来

wrapAll()   将所有匹配的元素用一个元素来包裹

wrapInner() 将匹配元素的的内容包裹起来

3.3属性操作

attr()        获取和设置元素属性

removeAttr()    删除元素属性

其他获取的方式

html()    

text()    获取文本内容

height()  该元素的高度

width()   该元素的宽度

val()     该元素的value值

css()     获取该元素的样式

3.4样式操作

attr("class")  获取class和设置class

addClass()     追样式

removeClass()  移除样式

toggleClass()  如果存在该样式则进行删除， 否则进行添加该样式

hasClass()     判断是否有该样式

tip:①如果给一个元素添加多个值， 那么相当于合并了它们的样式  ②如果有不同的class设定了同一样式属性

3.5设置和获取HTML， 文本和值

html()   类似js中的innerHtml

text()   类似js中的innerText

val()    用来设置和获取元素的值

3.6

children()   该方法用来获得匹配元素的子元素集合, 考虑的是子元素而不是子孙

next()       该方法用来取得匹配元素后面紧跟的同辈元素

prev()       该方法用来取得匹配元素前面紧邻的同辈元素

siblings()   获得前后所有的同辈元素

closest()    最先匹配的元素，首先是检验当前元素

parent()     获得集合中每个匹配元素的父级元素

parents()    获得集合中每个匹配元素的祖先级元素

3.7

css()        获取设置元素的样式属性

height()    获取元素的高度和设置元素的高度

offset()    获取元素的偏移

tip:如果某些属性名中带有-符号， 如果在设置这些属性的值得时候不带引号， 那么需要使用驼峰式写法