jQuery就业课系列之.jQueryDOM

概念：DOM 文档对象模型（必考），jQuery Dom应该是之前的DOM加了个jQuery的封装。

分类：DOM操作分为三类： DOM Core：任何一种支持DOM的编程语言都可以使用它，如getElementById()，js。 HTML-DOM：用于处理HTML文档，如document.forms CSS-DOM：用于操作CSS，如element.style.color="green"

jQuery对JavaScript中的DOM操作进行了封装。

jQuery中的DOM操作

4.1 样式操作

之前的样式设置： 选择器对象.css('属性','值') 比如：

$("p").css("color",'red')

增加样式：

$("p").addClass('bgStyle')

toggle:模拟连续点击;

toggleClass:如果存在就删除一个类,如果不存在，则添加这个样式。

4.2 追加节点 语法 功能 append(content) $(A).append(B)表示将子元素B追加到A中 prepend(content) $(A). prepend (B)表示将子元素B前置插入到A中 before(content) $(A). before (B)表示将B插入至A之前 after(content) $(A).after (B)表示将B插入到A之后

追加节点
		

			
			

				
				

					三星老船长
				

				

					艾泽拉斯
				

				

					起拉希姆
				

			

		
追加

4.3 节点操作函数

选取的是比较重要的节点操作函数。

语法 功能 remove() 删除节点 empty() 清空节点内容 replaceWith() 替换节点 clone() 复制节点

操作节点
		

			
			

				
				

					三星老船长
				

				

					艾泽拉斯
				

				

					起拉希姆
				

			

		
克隆

4.4属性节点

首先要了解什么是属性节点。

+-*/