jQuery操作DOM元素

这一系列是我系统学习jQuery的笔记，有助于当前学习理解和日后回忆。内容来自慕课网陶老师的jQuery基础教程，先谢过。

1.属性

attr('id') 取属性值

attr('id','value') 设置属性值

removeAttr('id') 移除属性

2.元素内容

html() 取内容

html(value) 设内容

text()取文本

text(value)设文本

两个方法的区别是：html()操作对象是html内容，html标签包括在内；text()针对文本内容。

3.元素样式

addClass() 给元素添加样式

css('color') 取一个样式

css('color','red') 设置一个样式

css({'color':'red', 'backgroundColor':'blue'}) 设置一组样式

removeClass('myStyle') 移除样式

4.操作元素

append() 元素内追加内容，可以是html的字符串形式"<div>new div</div>"

content.append(selector) 把content添加到选择器选择的元素中

before() 在元素前插入内容

after() 在元素后插入内容

clone() 复制元素

replaceWith() 替换用括号内元素替换原来的元素

content.replaceAll(selector)  content替换选择器选中元素

wrap("<div></div>") 把元素用div包裹起来

wrapInner()  把元素内容包裹起来

each 遍历元素

1 $("li").each(function(index){
2       if(index == 3){
3             $(this).css("color","red");
4       }
5 });

remove() 删除元素，如果括号内有selector，只删除选中的

empty()  删除元素中的内容