8.11jQueryDOM操作

                        8.11jQueryDOM操作

 获取和设置样式值

设置属性值

获取属性值

追加样式

移除样式

切换样式

模拟了addClass()与removeClass()实现样式切换的过程

toggle Class做判断

html代码操作获取代码

和

设置元素中的代码

text()可以获取或设置元素的文本内容

html和text区别

 

语法格式	参数说明	功能描述
html( )	无参数	用于获取第一个匹配元素的HTML内容或文本内容
html(content)	content为元素的HTML内容	用于设置所有匹配元素的HTML内容或文本内容
text( )	无参数	用于获取所有匹配元素的文本内容
text (content)	content为元素的文本内容	用于设置所有匹配元素的文本内容

val()可以获取或设置元素的value属性值

创建节点

元素内部插入子节点

 

语法	功能
append(content)	$(A).append(B)表示将B追加到A中 如：$("ul").append($newNode1);
appendTo(content)	$(A).appendTo(B)表示把A追加到B中 如：$newNode1.appendTo("ul");
prepend(content)	$(A). prepend (B)表示将B前置插入到A中 如：$("ul"). prepend ($newNode1);
prependTo(content)	$(A). prependTo (B)表示将A前置插入到B中 如：$newNode1. prependTo ("ul");

元素外部插入同辈节点

语法	功能
after(content)	$(A).after (B)表示将B插入到A之后 如：$("ul").after($newNode1);
insertAfter(content)	$(A). insertAfter (B)表示将A插入到B之后 如：$newNode1.insertAfter("ul");
before(content)	$(A). before (B)表示将B插入至A之前 如：$("ul").before($newNode1);
insertBefore(content)	$(A). insertBefore (B)表示将A插入到B之前 如：$newNode1.insertBefore("ul");

 

替换节点

replaceWith()和replaceAll()用于替换某个节点

两者的关系类似于append()和appendTo()

复制节点

attr（）获取或者添加元素属性

removeAttr()用来删除元素的属性